Input includes multiple hierarchical, contextual, and size variants to cover all use cases.

Hierarchical variants

Contextual variants are generally used to indicate the state of the input, such as showing a red border when the input is invalid, or a blue border when there is information to be displayed, but no error.

Contextual variants

Size variants are used to control the size of the input. All Input size variants correspond to the Button size variants. disabled should be used to indicate that the input is not available for interaction, such as when a form is loading.

Sizes and other properties

Join our newsletter to stay up to date on our progress!