Buttons

  1. Components
  2. Buttons

Solid buttons

Primary actions in every theme color.

Outline buttons

Secondary actions with subtle borders.

Soft buttons

Light backgrounds using existing project variants.

Sizes & shapes

Use standard sizes and rounding utilities.

Buttons with icons

Combine familiar icons with clear action labels.

Create invoiceSettings

Icon actions

Compact actions with accessible labels.

Toggle buttons

Bootstrap manages the pressed state.

Button groups

Group related views together.

Dropdown actions

Put secondary options in a menu.

Create

Loading & disabled

Communicate when an action is unavailable.

Notification buttons

Add useful counts to common actions.

Full-width actions

Stack primary and secondary actions on small screens.

Manage accountBack to profile