Buttons Reference ↓
Solid
Outline
Ghost
Soft
Sizes
With icons
Icon-only & full-width
Button group - action toolbar
Link button & anchor elements
Disabled & aria-disabled
Reference
Base
| Class | Values |
|---|---|
.ui-button | base class (required on every button) |
.ui-button-group | wrapper for a connected button row |
.ui-button-full | full-width block button |
Modifiers
| Class | Values |
|---|---|
.ui-button:* | primary, secondary, success, warning, danger, info, brand, accent, default |
.ui-button-outline:* | primary, secondary, success, warning, danger, info, brand, accent, default |
.ui-button-ghost:* | primary, secondary, success, warning, danger, info, brand, accent, default |
.ui-button-soft:* | primary, secondary, success, warning, danger, info, brand, accent, default |
.ui-button@* | xs, s, m, l, xl |
Options
| Class | Values |
|---|