Siirry sisältöön

TitleBar

Komponentti palvelukohtaisen brändäyksen lisäämiseen sivun yläosaan.

Julkaistu versiossa 5.0.0

React API

TitleBar

  • as

    Renderöitävä HTML-elementti

    Tyyppi: ElementType

    Oletusarvo: "div" as E

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • fluid

    100 % leveä container-elementti. Voi yhdistää maxWidth-proppiin, jolloin container on 100 % leveä annettuun leveyteen asti.

    Tyyppi: boolean

  • logo
    Pakollinen

    Logo-elementti

    Tyyppi: Element

  • maxWidth

    Container-elementin maksimileveys

    Tyyppi: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"

  • testId

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

    Tyyppi: string

  • title

    Palvelun nimi

    Tyyppi: string

TitleBarAction

Ref-prop välitetään komponentin renderöimän painikkeen HTML-elementille.

  • as

    Renderöitävä HTML-elementti

    Tyyppi: ElementType<any, keyof IntrinsicElements>

    Oletusarvo: "button" as E

  • caret

    Nuolikuvake

    Tyyppi: boolean

  • caretUp

    Nuolikuvake ylös

    Tyyppi: boolean

  • children

    Komponentin sisältö

    Tyyppi: ReactNode

  • className

    CSS-apuluokat ulkoasun muokkaamiseen.

    Tyyppi: string

  • icon
    Pakollinen

    Painikkeen kuvake

    Tyyppi: Element

  • labelClassName

    CSS-apuluokka linkin tai painikkeen tekstille

    Tyyppi: string

  • testId

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

    Tyyppi: string