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

Hierarchical variants

Contextual variants are used to indicate the nature of the action the button triggers. For example, a danger button is used to indicate that the action is destructive, such as deleting a user, and a success button is used for happy-path actions, such as creating a user.

Contextual variants

All Button sizes correspond to the Input size variants. disabled should be used to indicate that the button 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!