Tile

React API

Tile

• align

  Sisällön tasaus

  Tyyppi: "center" | "left"

  Oletusarvo: center

• appearance

  Komponentin ulkoasu

  Tyyppi: "solid" | "outline"

  Oletusarvo: solid

• icon

  Ikoni

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

• label

  Pakollinen

  Sisällön nimilappu

  Tyyppi: string

• testId

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

  Tyyppi: string

• value

  Pakollinen

  Sisältöteksti

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

• valueSize

  Sisältötekstin koko

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

• variant

  Komponentin tyyppi

  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

TileGroup

• breakpoint

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

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

  Oletusarvo: sm

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• testId

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

  Tyyppi: string