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