Buttons
Solid, tinted and outline buttons in the alert colour set, the neutral and text buttons used across the admin, plus sizes, icons, states, groups and dropdowns.
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
Text
.btn-soft (secondary actions)
.btn-ghost
Row actions .icon-btn · .row-action
Sizes & Icons
Sizes
Icon left / right
Icon only
Full width
.btn-sm · default · .btn-lg
.btn-square
.btn-block
States
In Context
Card header toolbar (above) uses
Destructive action
.btn-sm
Form footer .form-actions
Delete this page
The page and its translations are removed for good.
Button Groups
.btn-group
Basic — wrap buttons in
Other styles
Sizes
.btn-group (click to choose)
.btn-sm on each button
Vertical
.btn-group-vertical
Toolbar — groups in a
.btn-row
Dropdowns & Toggles
data-bs-toggle="dropdown" · aria-pressed
Dropdown button
Split button — the main action plus a menu with more options
Toggle —
With a counter
aria-pressed="true" keeps it on (click to try)
.badge-count