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>