Description
Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Usage
- Simple
<Button>Button</Button>
- Themed and tailwind class utilities
<Button utilities={`text-bold`}>Bold</Button>
API
props
as follow:
Buttons can receive a number of NAME | TYPE | DEFAULT | OPTIONS |
---|---|---|---|
modifiers | Array | empty | rounded, outline, alert, cta, light, dark, disabled, icon, small, full-width, plain, back, link |
type | String | button | button, submit, reset |
disabled | Boolean | false | |
children | single/array of nodes | null | |
utilities | CSS utilities classes | empty |