İçeriğe geç
BigBang

Sık açılanlar

    ↑↓Gezin↵AçEscKapat
    EN

    Bileşenler

    Toggle

    Basılı kalan iki durumlu buton; bir ayarı açar ya da kapatır.

    Storybook
    Storybook
    Kaynak kod
    Kaynak kod

    Eklendi

    • İlk sürüm: Base UI Toggle üzerine basılı kalan iki durumlu buton.
    • icon, children, zorunlu label (yalnızca ikonla), variant (tertiary, secondary), size.
    • Kontrollü (pressed, onPressedChange) ve kontrolsüz (defaultPressed) kullanım.
    • Basılı durum color-surface-selected dolgu ve color-border-selected kenarlık ile.
    • Basma hareketi motion.press; data-component="toggle".

    Değişti

    • Yükseklikler 32, 36 ve 40 px; varsayılan md 36 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.