PRIMARY VARIANTS

Modern button family

The native theme buttons — primary fills with the brand color, ghost is the neutral outline.

Primary Ghost With icon With icon Disabled

BOOTSTRAP COLOR FAMILY

Semantic colors

Bootstrap .btn-* classes mapped to the brand palette.

Primary Secondary Success Warning Danger Info

Outline primary Outline secondary Outline success Outline warning Outline danger

SIZES

Small Default Large Compact m-btn Tall m-btn

ICON-ONLY BUTTONS

Toolbar-style icon buttons

Used across tables, cards, and topbars for compact actions.

BUTTON GROUPS

Day Week Month Year

LOADING STATES

Async actions

Click "Save" to see the spinner pattern. Toast confirms when done.

Save Loading… Saved