Button
Buttons allow users to perform an action or to navigate to another page. They have multiple styles for various needs, and are ideal for calling attention to where a user needs to do something in order to move forward in a flow.
| Property | Type | Values | Default | Required | Description |
|---|---|---|---|---|---|
| label | string | - | - | No | - |
| hideLabel | boolean | - | false | No | - |
| icon | - | - | - | No | Icon must be present if the label is not defined. |
| variant | string | accent, negative, primary, secondary | accent | No | - |
| staticColor | string | white, black | - | No | Static color must not be set for the default version of this component. |
| style | string | fill, outline | fill | No | - |
| size | string | s, m, l, xl | m | No | - |
| justified | boolean | - | false | No | - |
| isPending | boolean | - | false | No | - |
| isDisabled | boolean | - | false | No | - |
| state | string | default, hover, down, keyboard focus | default | No | - |