Button

A Button component is either a <button> or <a> (if you pass it a href prop)

Example

Intent

Intent defines what kind of action the button is used for, it's appearance will change based on the intent. The default intent is primary.

Variant

Variants are different visual representations of a button.

Size

Buttons can be one of two different sizes: small and medium (default).

Loading

Buttons have a loading state to indicate to the user that their request is being processed.

Disabled

Buttons that are disabled can't be interacted with. The visual style of the button also changes to indicate to the user that the buttons are in a disabled state.

Props - Button

Name
Description
Type
Default Value