Button
In progress
RTL
Buttons allow users to take actions, and make choices, with a single tap.
Buttons communicate actions that users can take. They are typically placed throughout your UI, in places like:
- Modal windows
- Forms
- Cards
- Toolbars
Button props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| animation | progress | success | error | pulse | No | - | Animation of button |
| as | a | button | No | button | Rendered HTML element |
| disabled | boolean | No | false | Disabled button |
| full_width | boolean | No | false | Full width button |
| icon | slot | No | - | Icon |
| size | xs | sm | md | lg | xl | No | md | Size of button |
| variant | primary | secondary | tertiary | ghost | No | primary | Visual/Logical variant of button |
| class | css_class | No | - | Additional CSS class(es) for the item |