Content
Button
Core

Variant

Use Tailwind CSS to assign variant (e.g. border-color, background-color, text-color).

Use .xt-link to style as button as link.

Do not assign text styles to inherit them from parent nodes.

See link variant to style links.

Size

Use Tailwind CSS to assign size (e.g. padding, font-size).

Alignment and Icon

Use Tailwind CSS to assign alignment (e.g. text-align, align-items, justify-content).

To properly align horizontally also when newlines specify both text-align and justify-content.

This demos use icon see documentation for more info.

Use negative margin on icons if the icon is bigger than the button to prevent vertical resize.

Checks

Refer to form checks custom.

Group

Refer to group.

Nav

Refer to nav.

Toolbar

Refer to toolbar.