Skip to main content

# Buttons

Modern button family, Bootstrap variants, sizes, icon-buttons, button groups, and async loading states.

##### PRIMARY VARIANTS

## Modern button family

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

##### BOOTSTRAP COLOR FAMILY

## Semantic colors

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

##### SIZES

##### ICON-ONLY BUTTONS

## Toolbar-style icon buttons

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

##### BUTTON GROUPS

##### LOADING STATES

## Async actions

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

Copyright © 2026 Colorlib. All rights reserved. Template by Colorlib.