Buttons
Primär trägt die Akzentfarbe (max. eine Primäraktion pro Ansicht). Ghost für Sekundäres, Quiet für Beiläufiges, Danger nur für Destruktives.
Varianten
Zustände
Ruhe
Deaktiviert
Ghost deaktiviert
Fokus (Tab-Taste)
Grössen & Icon-Buttons
Halten zum Bestätigen
Für destruktive Aktionen ohne separaten Dialog — gedrückt halten füllt den Balken; erst dann feuert px:hold-complete.
<button class="px-btn px-btn--danger-ghost px-btn--hold" data-px-hold="1500">
<span class="px-btn-hold__fill"></span>
<span class="px-btn-hold__label">…</span>
</button>