Button
Buttons are widgets that trigger various actions like opening a dialog, confirming an action, or initiating a delete operation. They can contain text, icons, or both, and are clicked or tapped to execute the desired action.
Root
Prop | Type | Default |
---|---|---|
variant | union | primary |
leftIcon | SVGIcon | |
rightIcon | SVGIcon | |
onlyIcon | SVGIcon | |
size | union | md |
rounded | boolean | |
loading | boolean | |
tone | union | |
disabled | boolean | |
fullWidth | boolean | |
children | React.ReactNode | |
className | string | string[] | |
as | string | button |
attributes | object | |
href | string | |
href | string | |
type | union | |
onClick | function |
Button.Aligner
Prop | Type | Default |
---|---|---|
children | React.ReactNode | |
className | string | string[] | |
attributes | object | |
side | union | array |