Nuxt - CSS Only Button

Home Page

Variants

Primary

Primary Alternative

Primary Alternative Dark

Secondary

Outline

Ghost

Ghost Dark

Destructive

Destructive Ghost

Inverse

Outline Inverse

Ghost Inverse

Ghost Inverse Light

Sizes

Xsmall

Small Productive

Small Expressive

Medium

Large

Disabled

Primary Disabled

Secondary Disabled

Outline Disabled

Ghost Disabled

Destructive Disabled

Full Width

Full Width Primary

Full Width Secondary

Truncated

This label is too long and will be truncated with an ellipsis

Icons

Leading icon

Trailing icon

Responsive

Responsive

Responsive Expressive