Bileşenler
Toggle
Basılı kalan iki durumlu buton; bir ayarı açar ya da kapatır.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
28 Ekim 2026
Bölüm başlığı “28 Ekim 2026”Eklendi
- İlk sürüm: Base UI Toggle üzerine basılı kalan iki durumlu buton.
icon,children, zorunlulabel(yalnızca ikonla),variant(tertiary,secondary),size.- Kontrollü (
pressed,onPressedChange) ve kontrolsüz (defaultPressed) kullanım. - Basılı durum
color-surface-selecteddolgu vecolor-border-selectedkenarlık ile. - Basma hareketi
motion.press;data-component="toggle".
Değişti
- Yükseklikler 32, 36 ve 40 px; varsayılan
md36 px, dokunmatik ekranda 40 px. Köşe yarıçapı 10 px. - Odak, 2 px aralıklı 2 px dış odak çizgisiyle (
focus-outline) gösteriliyor.