Staging

Component Library

Field

Displays a field (input + label + error + help)

Default
Succession of Fields
personcheck
This username is available
mailwarning
This email is invalid
Form Field sample
This is a help text
Form Fields are spaced evenly
Input with icon
mailcheck
lock
language
Input size : small
mailcheck
Input size : medium
mailcheck
Input size : large
mailcheck
Compose controls with addons
addons can be aligned
Addons can be expanded
Space controls on a single line with group
Groups can be aligned
Groups can be multiline
Fields can be composed in horizontal layout
person
mailcheck
Do not enter the first zero
This field is required
Disabled : true