Button

The Button component is used to trigger actions.

Note: The Button component supports all standard HTML button attributes, such as onClick, type, disabled, etc.

Playground

Props

Prop	Type	Default	Description
`active`	`boolean`	`false`	Applies the active state.
`color`	`ButtonColor`	-	Sets the color of the button.
`dark`	`boolean`	`false`	Applies the dark color variant.
`disabled`	`boolean`	`false`	Disables the button.
`focused`	`boolean`	`false`	Applies the focused state.
`fullwidth`	`boolean`	`false`	Makes the button take up the full width.
`hovered`	`boolean`	`false`	Applies the hovered state.
`icon`	`IconName`	-	Adds an icon to the button.
`inverted`	`boolean`	`false`	Inverts the color of the button.
`light`	`boolean`	`false`	Applies the light color variant.
`loading`	`boolean`	`false`	Shows a loading spinner.
`outlined`	`boolean`	`false`	Applies the outlined style.
`responsive`	`boolean`	`false`	Makes the button responsive.
`rounded`	`boolean`	`false`	Applies rounded corners.
`selected`	`boolean`	`false`	Applies the selected state.
`size`	`ThemeSize`	-	Sets the size of the button.
`static`	`boolean`	`false`	Makes the button non-interactive.

The Buttons component is a container for Button components, allowing for grouping and alignment.

Props

Prop	Type	Default	Description
`addons`	`boolean`	`false`	Attaches the buttons together.
`align`	`'centered' \| 'right'`	-	Aligns the buttons inside the container.