Buttons

Use different button styles for actions in forms, dialogs and more.

Types

The most commonly used button styles, we provide `solid`, `outline`, `link`, `white` and `black`.

Use the `.rounded-full` class to create rounded buttons.

To create solid buttons, simply use the `.btn-solid-[variant]` class.

To create outline buttons, simply use the `.btn-outline-[variant]` class.

To create link buttons, simply use the `.btn-link-[variant]` class.

To create white or black button, simply use the `.btn-white` or `.btn-black` class.

You can add icons from any library. In the example below we used Bootstrap Icons .

You can group buttons using Layout Group .

Make buttons look inactive by adding the `disabled` boolean attribute to any `<button>` element.