İçeriğe geç
BigBang

Sık açılanlar

    ↑↓Gezin↵AçEscKapat
    EN

    Bileşenler

    InputGroup

    Metin denetimini önüne, arkasına, üstüne ya da altına gelen eklerle tek kutuda toplar.

    Storybook
    Storybook
    Kaynak kod
    Kaynak kod

    Eklendi

    • İlk sürüm: Field üzerinde denetim ve ekleri tek kutuda toplayan grup.
    • InputGroup.Input, InputGroup.Textarea, InputGroup.Text ve align alan InputGroup.Addon.
    • Eke tıklayınca odak denetime taşınır.
    • size (md, lg); odak, hata ve devre dışı renkleri tüm kutuda.
    • motion.field ve motion.fieldMessage.
    • Parça prop tipleri dışa açıldı: InputGroupAddonProps, InputGroupInputProps, InputGroupTextareaProps, InputGroupTextProps, InputGroupButtonProps.
    • align="block-start" için hikâye eklendi: kontrolün üstünde tam satır ek.

    Değişti

    • Yeni sm boyu (32 px); md 36 px (dokunmatik ekranda 40 px), lg 40 px. Köşe yarıçapı 10 px.
    • Kutu ince bir gölge alıyor; odak çizgisi kutunun 2 px dışına çiziliyor; geçersiz kutunun çevresinde 2 px tehlike halesi beliriyor.
    • Kutu içindeki düğmeler sm boyda 24 px.
    • Ekteki buton basılınca 1 px itilmek yerine %97’ye küçülür (motion-press-scale).