components / Actions and Inputs

Input

Input can have a placeholder, a default (initial) value, a label and a description. Label can be required or optional as well.

States

Input can provide a visual representations of its status with disabled, error, readonly and loading states. You can use any combination of those states for the experience.

Default

Disabled

Error

Readonly