Siirry sisältöön

ContentHighlight

Komponentti, jolla voi korostaa leipätekstin joukossa olevia sisältöjä.

Julkaistu versiossa 7.0.0

React API

ContentHighlight

  • appearance

    Tyyppi: "solid" | "outline"

    Oletusarvo: outline

  • as

    Renderöitävä HTML-elementti

    Tyyppi: ElementType

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • icon

    Ikoni

    Tyyppi: Element

  • iconAriaLabel

    Ikonille välitettävä aria-label

    Tyyppi: string

  • iconPosition

    Ikonin asemointi

    Tyyppi: "left" | "top" | "auto"

    Oletusarvo: auto

  • testId

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

    Tyyppi: string

  • title

    Sisältönoston otsikko

    Tyyppi: string

  • titleAs

    Otsikon tyyppi

    Tyyppi: ElementType<any, keyof IntrinsicElements>

    Oletusarvo: h4

  • titleSize

    Otsikon visuaalinen koko (ei muuta otsikkotasoa)

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

    Oletusarvo: 5

  • variant

    Väriteema

    Tyyppi: "primary" | "warning" | "danger" | "success" | "neutral"