İçeriğe geç
BigBang

Sık açılanlar

    ↑↓Gezin↵AçEscKapat
    EN

    Bileşenler

    IconButton

    Yalnızca ikon taşıyan, zorunlu erişilebilir adı olan işlem butonu.

    Storybook
    Storybook
    Kaynak kod
    Kaynak kod

    Eklendi

    • İlk sürüm: Button tarifi üzerinde kare ya da yuvarlak (shape) ikon butonu.
    • Zorunlu label: aria-label olarak ad verir; ikon aria-hidden taşır.
    • variant (varsayılan tertiary), tone, size, loading, disabled, focusableWhenDisabled.
    • Basma hareketi motion.press; renkler color-action-* token’larından.
    • data-component="icon-button" özniteliği.
    • tooltip (varsayılan true) ve tooltipSide: label bir Tooltip içinde de görünür.
    • size="xs": hücre içi işlemler için 24 px kare.
    • variant="glass"; koyu bir data-backdrop içinde şeffaf cam.

    Değişti

    • Kare kutu 32, 36 ya da 40 px; köşe yarıçapı 10 px.
    • Odak, 2 px aralıklı 2 px dış odak çizgisiyle (focus-outline) gösteriliyor.

    Düzeltildi

    • loading ve disabled birlikteyken yükleniyor kazanır: düğme odaklanabilir kalır ve aria-disabled taşır.