Fire UI Getting Started
Introduction Download Customize
Layout
Container Grid
Components
Accordion Box Buttons Code Color and theme Form Modal Navigation bar Slideshow Spacing Table Tabs Tooltip

Buttons

Fire UI buttons are simple. Simply use btn class to your button. To use only Fire UI button feature, copy and paste the stylesheet link into your head element to load Fire UI button CSS.

<link rel="stylesheet" href="https://unpkg.com/@fire-ui/fire-ui@0.1.1/src/feature/Buttons/button.css">

Button colors

<button class="btn btn-danger">Danger</button>
<button class="btn btn-success">Success</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-dark">Dark</button>
<button class="btn btn-light">Light</button>

Combination

You can combine button with colors feature

<button class="btn theme-reverse">btn theme-reverse</button>
<button class="btn theme-adjust">btn theme-adjust</button>