Hygge-UI

Button

Used to trigger an action or event.

Source

Examples

Sizes

Use the size prop to change the size of the button.

Variants

Use the variant prop to change the visual style of the button.

Icon

Use icons within a button.

Disabled

Use the disabled prop to disable the button.

Loading

Pass the loading and loadingText props to show a spinner and optional loading text.

Spinner Placement

Use the spinnerPlacement prop to change the spinner’s position.

Group

Use the ButtonGroup component to group buttons together. This component allows you pass common recipe properties to inner buttons.

To flush the buttons, pass the attached prop.