Description
Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Usage
- Simple
<Button>Button</Button>- With modifiers
<Button modifiers={["outline", "dark"]}>Rounded/Outline</Button>- Type submit
<Button type="submit">Send</Button>API
Buttons can receive a number of props as follow:
| 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 |