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
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 |