The OdinAdmin template has just been developed — explore the new dashboard, modules and settings. See Details

Buttons

Solid, tinted and outline buttons in the alert colour set, the neutral and text buttons used across the admin, plus sizes, icons and states.

Solid.btn-brand
Default
Pill .btn-pill
Tinted.btn-dim
Default
Pill
Outline.btn-outline
Default
Pill
Neutral & Text.btn-soft · .btn-ghost · .icon-btn
Neutral .btn-soft (secondary actions)
Text .btn-ghost
View all Manage widgets
Row actions .icon-btn · .row-action
Sizes & Icons
Sizes .btn-sm · default · .btn-lg
Icon left / right
Icon only .btn-square
Full width .btn-block
States
Disabled (disabled on buttons, .disabled + aria-disabled on links)
Link
Loading (click to try)
In Context
Card header toolbar (above) uses .btn-sm Form footer .form-actions
Destructive action
Delete this page
The page and its translations are removed for good.