Improve this doc

Form Elements

To give style or handle actions on the different form elements.

Default

The default field.

Variants

Decorated

Form elements can have a decorative pictogram, only on the left, to give visual context for users.

Actionable

Form element can have an action pictogram inside, only on the right, to reset or show a value.

States

As interactive components, Form Elements have different states based on user’s interactions.

Enable (default)

Disable

Hover

Focus

List of Form Elements

• Text
• Phone
• Email
• Address
• Textarea
• Numbers
• Date
• Range
• Switch
• Checkbox
• Radio
• Select
• Dropdown
• Search (custom)

---