Buttons
Mygtukai suaktyvina vieną veiksmą arba naršymo įvykį, o spalva ir šrifto svoris nurodo prioritetą — rinkitės Pirminį (Primary) svarbiausiam ekrano veiksmui, Antrinį (Secondary) papildomiems veiksmams, Naikinantį (Destructive) veiksmams, kurie ištrina ar pašalina duomenis, ir Nuorodą (Link) mažo akcento veiksmams tekste.
Variants & States
Primary
<button class="btn btn-primary">Default</button>
<button class="btn btn-primary" disabled>Disabled</button>
<button class="btn btn-primary btn-loading">
<span class="spinner"></span> Loading
</button>Secondary
<button class="btn btn-secondary">Default</button>
<button class="btn btn-secondary" disabled>Disabled</button>
<button class="btn btn-secondary btn-loading">
<span class="spinner"></span> Loading
</button>Tertiary
<button class="btn btn-tertiary">Default</button>
<button class="btn btn-tertiary" disabled>Disabled</button>
<button class="btn btn-tertiary btn-loading">
<span class="spinner"></span> Loading
</button>Destructive · Primary
<button class="btn btn-danger">Default</button>
<button class="btn btn-danger" disabled>Disabled</button>
<button class="btn btn-danger btn-loading">
<span class="spinner"></span> Loading
</button>Destructive · Secondary
<button class="btn btn-outline-danger">Default</button>
<button class="btn btn-outline-danger" disabled>Disabled</button>
<button class="btn btn-outline-danger btn-loading">
<span class="spinner"></span> Loading
</button>Link
<button class="btn btn-link">Default</button>
<button class="btn btn-link" disabled>Disabled</button>
<button class="btn btn-link btn-loading">
<span class="spinner"></span> Loading
</button>