Siirry sisältöön

Heading

Komponentti määrämuotoisten ja responsiivisten otsikoiden toteutukseen.

Julkaistu versiossa 0.15.3

React API

Heading

  • as

    Tyyppi: ElementType<any, keyof IntrinsicElements>

    Oletusarvo: "h2" as E

    Renderöitävä HTML-elementti

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    CSS-apuluokat ulkoasun muokkaamiseen.

  • color

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

    Otsikon väri

  • display

    Tyyppi: 1 | 2 | 3 | 4

    Suurempi otsikkokoko erikoistilanteisiin (ei muuta otsikkotasoa)

  • mb

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

    Välistys otsikon alapuolella

  • mt

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

    Välistys otsikon yläpuolella

  • ref

    Tyyppi: Ref<HTMLHeadingElement>

  • size

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

    Otsikon visuaalinen koko (ei muuta otsikkotasoa)

  • testId

    Tyyppi: string

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

  • underline

    Tyyppi: boolean

    Otsikon alleviivaus