Input

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

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.

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.