Chip

React API

Chip

Ref-prop välitetään komponentin juurielementille

• appearance

  Komponentin ulkoasu

  Tyyppi: "solid" | "outline"

  Oletusarvo: solid

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

• 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

• isActive

  Määrittää onko Chip aktiivinen (käytä vain Chipin ollessa painike)

  Tyyppi: boolean

  Oletusarvo: false

• 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

• ref

  Komponentin ref, joka tyypittyy renderöitävän HTML-elementin mukaan.

  Tyyppi: any

• testId

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

  Tyyppi: string

• variant

  Komponentin väri / tyyppi

  Tyyppi: "primary" | "primary-subtle"

  Oletusarvo: primary