Input

An input is an interactive element that allows users to enter data into a system.

They are essential for collecting user information within an application or website.

Well-designed input elements are intuitive, accessible, and provide clear feedback, ensuring a smooth and efficient user experience.

Basic

Figma

🧪 Beta

Guidelines

🛠 In progress

Web

🔭 Alpha

Mobile

🔭 Alpha

<script lang="ts">
  import { Input } from '@behavy/glowup-design-system';
</script>

<Input />

Status	Name	Type	Default	Required	Description
🔭	name	string	’input’	❌	The name of the input.
🔭	value	string		❌	The value of the input.
🔭	placeholder	string		❌	The placeholder of the input.
🔭	disabled	boolean	false	❌	Disables the input.
🔭	variant	boolean	false	❌	The variant of the input.
🔭	input_reference	HTMLInputElement		❌	The reference of the input HTML element.

No alternative.

Figma

🧪 Beta

Guidelines

🛠 In progress

Web

🔭 Alpha

Mobile

🔭 Alpha

<script lang="ts">
  import { InputCard } from '@behavy/glowup-design-system';
</script>

<InputCard />

Status	Name	Type	Default	Required	Description
🔭	name	string	’input’	❌	The name of the input.
🔭	value	string		❌	The value of the input.
🔭	placeholder	string		❌	The placeholder of the input.
🔭	disabled	boolean	false	❌	Disables the input.
🔭	icon	string		❌	The right icon of the card.
🔭	variant	boolean	false	❌	The variant of the input.

No alternative.