Tile

React API

Tile

• align

  Tyyppi: "center" | "left"

  Oletusarvo: center

  Sisällön tasaus

• appearance

  Tyyppi: "solid" | "outline"

  Oletusarvo: solid

  Komponentin ulkoasu

• icon

  Tyyppi: ReactElement<SVGProps<SVGSVGElement>, string | JSXElementConstructor<any>> | Element

  Ikoni

• label

  Pakollinen

  Tyyppi: string

  Sisällön nimilappu

• testId

  Tyyppi: string

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

• value

  Pakollinen

  Tyyppi: string | ReactElement<any, string | JSXElementConstructor<any>>

  Sisältöteksti

• valueSize

  Tyyppi: "xl" | "2xl" | "3xl" | "4xl"

  Sisältötekstin koko

• variant

  Tyyppi: "primary" | "success" | "warning" | "danger" | "dark" | "primary-medium" | "primary-light" | "success-medium" | "success-light" | "warning-medium" | "warning-light" | "danger-medium" | "danger-light" | "dark-medium" | "dark-light"

  Oletusarvo: primary-light

  Komponentin tyyppi

TileGroup

• breakpoint

  Tyyppi: "none" | "sm" | "md" | "lg"

  Oletusarvo: sm

  Breakpoint, jolla voidaan hallita millä selainikkunan leveydellä ryhmän sisällä olevat elementit näytetään rinnakkain. Arvolla "none" elementit pinoutuvat kaikilla leveyksillä.

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• testId

  Tyyppi: string

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