Text

React API

Text

• align

  CSS text-align

  Tyyppi: "center" | "left" | "right"

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

• children

  Komponentin sisältö.

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• color

  Tekstin väri

  Tyyppi: "body" | "primary" | "brand-primary" | "success" | "warning" | "danger" | "light" | "muted" | "white" | "dark"

• darkColor

  Tekstin väri tummassa teemassa (jos tekstin väri on tarve määritellä erikseen).

  Tyyppi: "body" | "light" | "white" | "dark"

• mb

  Tekstin alapuolelle asetettava välistys.

  Tyyppi: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 18 | 20 | 24 | 28 | 32 | "px"

• mt

  Tekstin yläpuolelle asetettava välistys.

  Tyyppi: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 12 | 14 | 16 | 18 | 20 | 24 | 28 | 32 | "px"

• ref

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

  Tyyppi: any

• size

  Tekstin koko

  Tyyppi: "base" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl"

• testId

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

  Tyyppi: string

• transform

  CSS text-transform

  Tyyppi: "uppercase" | "lowercase" | "capitalize" | "normal-case"

TextTruncate

• accessibleText

  Ruudunlukijoille tarkoitettu teksti, joka luetaan lyhennetyn tekstin sijasta.

  Tyyppi: string

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

• children

  Pakollinen

  Lyhennettävä teksti.

  Tyyppi: string

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• endCharacters

  Määrittää kuinka monta merkkiä näytetään tekstin lopusta, kun tekstiä lyhennetään keskeltä.

  Tyyppi: number

• maxCharacters

  Määrittää näytettävien merkkien määrän, kun tekstiä lyhennetään sen lopusta.

  Tyyppi: number

• maxLines

  Määrittää kuinka monta riviä näytetään.

  Tyyppi: 1 | 2 | 3 | 4 | 5 | 6

• minTruncatedCharacters

  Määrittää, kuinka monta merkkiä tekstistä on vähintään poistuttava, jotta teksti lyhennetään. Jos raja ei täyty, tekstiä ei lyhennetä.

  Tyyppi: number

  Oletusarvo: 2

• ref

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

  Tyyppi: any

• startCharacters

  Määrittää kuinka monta merkkiä näytetään tekstin alusta ennen lyhennystä, kun tekstiä lyhennetään keskeltä.

  Tyyppi: number

• testId

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

  Tyyppi: string

• truncateAt

  Määrittää lyhennetäänkö tekstiä lopusta vai keskeltä.

  Tyyppi: "end" | "middle"

  Oletusarvo: end