A Button component is either a <button>
or <a>
(if you pass it a href prop)
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
.
Variants are different visual representations of a button.
Buttons can be one of two different sizes: small
and medium
(default).
Buttons have a loading state to indicate to the user that their request is being processed.
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.
Name | Description | Type | Default Value |
---|---|---|---|
disabled | boolean | undefined | n/a | |
href | string | n/a | |
intent | "primary" | "secondary" | "destructive" | undefined | primary | |
loading | boolean | undefined | n/a | |
size | "small" | "medium" | "large" | undefined | medium | |
variant | "text" | "default" | "outline" | undefined | default |