IconButton
ARIA
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
Default
Button as a link HTML element
Variants
Sizes
Disabled
Animations
Button props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| animation | progress | success | error | pulse | No | - | Animation of button |
| as | a | button | No | button | Rendered HTML element |
| children | React.ReactNode | No | - | Children content |
| className | string | No | - | Tailwind classes for customization |
| disabled | boolean | No | false | Disabled button |
| icon | JSX.Element | No | - | Icon |
| size | xs | sm | md | lg | xl | No | md | Size of button |
| variant | fill | outline | ghost | No | fill | Visual/Logical variant of button |