Siirry sisältöön

Chip

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

Julkaistu versiossa 9.4.0

React API

Chip

Ref-prop välitetään komponentin juurielementille

  • as

    Renderöitävä HTML-elementti

    Tyyppi: ElementType<any, keyof IntrinsicElements>

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • deleteButtonAriaLabel

    Poista-painikkeen toimintaa kuvaava teksti ruudunlukijaa varten

    Tyyppi: string

  • disableLineBreak

    Poistaa tekstin rivityksen käytöstä

    Tyyppi: boolean

  • label

    Komponentin teksti

    Tyyppi: string

  • onClick

    Funktio, jota kutsutaan komponenttia klikatessa. Ei suositella onDelete-funktion kanssa käytettäväksi.

    Tyyppi: (e: MouseEvent<HTMLElement, MouseEvent> | KeyboardEvent<HTMLElement>) => void

  • onDelete

    Komponenttiin tulostettavan poista-painikkeen painalluksella kutsuttava funktio

    Tyyppi: (e: MouseEvent<HTMLElement, MouseEvent> | KeyboardEvent<HTMLElement>) => void

  • testId

    Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

    Tyyppi: string

  • variant

    Komponentin väri / tyyppi

    Tyyppi: "primary" | "outline"

    Oletusarvo: primary