Siirry sisältöön

14.5.0

ContentHighlight

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

Julkaistu versiossa 7.0.0

API

ContentHighlight

  • appearance

    Tyyppi: "solid" | "outline"

    Oletusarvo: outline

  • as

    Tyyppi: ElementType

    Renderöitävä HTML-elementti

  • children

    Tyyppi: ReactNode

    Komponentin sisältö

  • className

    Tyyppi: string

    Utility-luokat ulkoasun muokkaamiseen

  • icon

    Tyyppi: Element

    Ikoni

  • iconAriaLabel

    Tyyppi: string

    Ikonille välitettävä aria-label

  • iconPosition

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

    Oletusarvo: auto

    Ikonin asemointi

  • testId

    Tyyppi: string

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

  • title

    Tyyppi: string

    Sisältönoston otsikko

  • titleAs

    Tyyppi: ElementType<any, keyof IntrinsicElements>

    Oletusarvo: h4

    Otsikon tyyppi

  • titleSize

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

    Oletusarvo: 5

    Otsikon visuaalinen koko (ei muuta otsikkotasoa)

  • type

    Poistuva

    Tyyppi: "example" | "notice" | "info"

    Sisältönoston tyyppi @deprecated Type-prop poistuu versiossa 15.0.0. Siirry käyttämään icon-, variant- ja appearance-proppeja noston ulkoasun muokkaamiseen.

  • util

    Poistuva

    Tyyppi: string

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

  • variant

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

    Väriteema