Začínáme
Základy
Komponenty
Composites
Patterns
Přihlásit
Bug Tracker Active
Test
ToggleButton
Otevřít ve Figmě
Toggle Button je tlačítko, které slouží jako přepínač mezi dvěma (nebo více) stavy.
Klávesnice
Použití
Changelog
Aktivní stav
Inaktivní stav
Použití
Kdy používáme
Pokud uživatel aktivuje/deaktivuje funkci (např. „Dark mode“, „Zvuk zapnutý/vypnutý“).
Pro zobrazení přepínatelného stavu, který musí být jasně viditelný.
Pokud potřebuješ rychlý přepínač místo checkboxu (ikonová varianta).
Kdy nepoužíváme
Pokud je přepínač součástí formuláře → použij raději Checkbox nebo Switch.
Pokud se jedná o výběr více možností → lepší Radio Button Group nebo Select.
Pokud by stav nebyl pro uživatele vizuálně jasný (ikonka bez kontextu může být nepochopitelná).
Vlastnosti
Základní varianta
Live preview
Zvolit téma:
Vigo
Koop
Koop Dark
CPP
CPP Dark
KNZ
SUS
⟲
Icon only varianta
Live preview
Zvolit téma:
Vigo
Koop
Koop Dark
CPP
CPP Dark
KNZ
SUS
⟲
Togglebutton | VIGo Design System