Text

API

Text

• align

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

  CSS text-align

• as

  Tyyppi: ElementType<any, keyof IntrinsicElements>

  Oletusarvo: "p" as E

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

• color

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

  Sisällön väri

• mb

  Tyyppi: number

  Alamargini

• mt

  Tyyppi: number

  Ylämargini

• ref

  Tyyppi: any

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

• size

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

  Sisällön koko

• testId

  Tyyppi: string

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

• transform

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

  CSS text-transform

• util

  Poistuva

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.

TextTruncate

• as

  Tyyppi: ElementType<any, keyof IntrinsicElements>

  Oletusarvo: "span" as E

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen

• expandable

  Tyyppi: boolean

  Oletusarvo: true

  Avattava teksti

• onClick

  Tyyppi: ((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | ((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void)

  Lyhennyksen päätteen onClick-funktio

• ref

  Tyyppi: Ref<HTMLElement>

• suffix

  Tyyppi: string

  Lyhennetyn tekstin avaava pääte

• testId

  Tyyppi: string

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

• tooltip

  Tyyppi: boolean

  Oletusarvo: false

  Teksti avataan tooltipin avulla Koko teksti näytetään tooltipin avulla

• util

  Poistuva

  Tyyppi: string

  Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.