Ukázka komponenty

// .toggle / .toggle--sm / .toggle--lg

Velikosti

Tři velikosti sdílí stejnou strukturu. --sm pro husté panely, --lg pro výrazná nastavení.

sm / default / lg

Malý toggle (--sm) Výchozí toggle – zapnuto Velký toggle (--lg)

// stavy: off / on / disabled

Vypnuto (šedé), zapnuto (zelené), disabled (opacity 0.45, cursor not-allowed).

Všechny stavy

Vypnuto (off) Zapnuto (on) Disabled – nelze měnit Disabled zapnuto

// příklad: settings panel

Typické použití – panel nastavení uživatele nebo konfigurace modulu.

Nastavení oznámení

E-mailová oznámení

Nové zprávy a komentáře

Push notifikace

Přímé zprávy v prohlížeči

Týdenní přehled

Souhrn aktivit každou neděli

Marketingové e-maily

Vypnuto administrátorem