Pogas
R1–R3 darbību stili, izmēri, ikonas un visi mijiedarbības stāvokļi.
R1 — Solid action
Viena primārā darbība skatā. Teksts un ikona paliek nemainīgi visos stāvokļos.
DHAFXLE
Rādīt koda paraugu
<button class="btn btn-primary" type="button">Saglabāt</button>
R2 — Outline action
Sekundārās darbības ar robežu. Danger outline paredzēts destruktīvām darbībām.
DHAFXLE
Rādīt koda paraugu
<button class="btn btn-outline-primary" type="button">Sekundārā darbība</button>
R3 — Ghost / icon action
Blīvas rindu darbības un utilītas. Ikonu pogām vienmēr ir pieejams nosaukums.
DHAFXLE
Rādīt koda paraugu
<button class="btn btn-ghost btn-icon" type="button" aria-label="Rediģēt">…</button>
Izmēri un grupas
Small 32 px, default 40 px, large 48 px. Skārienmērķis mobilajā ir vismaz 44 px.
DHAFXLE
O-05 — Tooltip uz ikonu pogas
Tooltip papildina redzamo vai programmatisko nosaukumu, bet neaizstāj to.
DF