Buttons

Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Button Color / Actions

Main Action / Primary

Main action button used for actions like save or process.

<button type="button" class="btn btn-primary">Main Action</button>

Secondary Action / Secondary

Secondary action button used for actions like delete.

<button type="button" class="btn btn-secondary">Secondary Action</button>

Miscellanous Action / Info

Miscellanous action button used for actions like lookup.

<button type="button" class="btn btn-info">Miscellanous Action</button>

Button Widths

Different Button Widths based on the responsive style

<button type="button" class="btn btn-primary">Default</button>
<button type="button" class="btn btn-secondary btn-slim">Slim</button>
<button type="button" class="btn btn-info btn-wide">Wide</button>