Input
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!