Mono

Button ​

A clickable button or link element. Toggle Vue / CSS to switch the live demo and source together.

Basic ​

Default colors across the palette.

Vue SFC

Sizes ​

xs, sm, md, lg, xl.

Vue SFC

Variants ​

Solid, outline, tonal and gradient.

Vue SFC

Shapes ​

Square (default) and pill.

Vue SFC

Text with icon ​

Icon slot with left or right position.

Vue SFC

States ​

Disabled, loading and full-width.

Vue SFC

Badges ​

Notification badge in four colors.

Vue SFC

Renders as <a> when href is set.

Vue SFC

Button type ​

button, submit, reset.

Vue SFC

Icon buttons ​

Icon-only buttons with optional badge or tooltip.

Vue SFC

FAB ​

Floating Action Button styles.

Vue SFC

Customized ​

Override per-element styling with the cssClass prop (Vue) or extra utility classes (CSS).

Vue SFC