Components
Buttons
Use different button styles for actions in forms, dialogs and more.
Types
The most commonly used button styles, we provide `solid`, `outline`, `soft`, `link`, `white` and `black`.
Rounded buttons
Use the `.rounded-full` class to create rounded buttons.
Solid buttons
To create solid buttons, simply use the `.style-solid-[variant]` class.
Outline buttons
To create outline buttons, simply use the `.style-outline-[variant]` class.
Soft buttons
To create soft buttons, simply use the `.style-soft-[variant]` class.
Link buttons
To create link buttons, simply use the `.style-link-[variant]` class.
White/Black buttons
To create white or black button, simply use the `.style-white` or `.style-black` class.
Icons
You can add icons from any library. In the example below we used Bootstrap Icons .
Button group
You can group buttons using Layout Group .
Disabled
Make buttons look inactive by adding the `disabled` boolean attribute to any `<button>` element.