Siirry sisältöön

14.5.0

Chip

Komponentti erilaisten tietojen tai toimintojen esittämiseen tiiviissä muodossa.

Julkaistu versiossa 9.4.0

Esikatselu

Käyttötarkoitus

Chip tarjoaa tavan esittää tieto tai toiminto kompaktissa elementissä. Komponenttia voidaan hyödyntää mm. lomakkeessa tehtyjen valintojen tai sisältöön liittyvien aihetunniste-linkitysten näyttämiseen.

Komponentissa on huomioitu toistaiseksi vain tarve Multiselect-komponentin valintojen näyttämiseen.

Saavutettavuus

Kun kohdistus on Chip-elementissä tai poista-painikkeessa, kutsutaan onDelete-funktiota Backspace- tai Delete-näppäimen painalluksella.

Chipin poistamisen yhteydessä ruudunlukijalle ilmoitettavan viestin voi asettaa deleteButtonAriaLabel-propilla

Esimerkit

Ulkoasuvaihtoehdot

Sisällön räätälöinti

Sisältöä voi kevyesti räätälöidä antamalla label-propin sijasta tekstisisällön lapsielementteinä.