Button
Buttons are calls-to-action used to prompt users. They encourage users to interact with us in multiple ways throughout our galaxy, based on what the label of the button indicates.
Buttons are clickable elements with label text that describe the action that will happen when the users interact with it.
Variants
Sizes
Icons
Full width
Disabled
Animations
Props
Name | Type | Required | Default | Description |
---|---|---|---|---|
variant | primary | secondary | tertiary | ghost | No | primary | Visual/Logical variant of Button |
size | small | medium | large | xlarge | No | medium | Size of Button |
iconLeft | React.ReactElement | No | - | Left icon element |
iconRight | React.ReactElement | No | - | Right icon element |
iconOnly | React.ReactElement | No | - | Icon only element |
fullWidth | boolean | No | false | Full width Button |
disabled | boolean | No | false | Disabled Button |
animation | progress | success | error | pulse | No | - | Animation of Button |