MainBar

React API

MainBarContainer

• as

  Tyyppi: ElementType

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• sticky

  Tyyppi: boolean

  Oletusarvo: false

  Määrittää tarttuuko MainBarContainer-elementti ruudun yläreunaan. Jos käytössä MainBar, aseta sille sama sticky-arvo.

• testId

  Tyyppi: string

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

MainBar

• as

  Tyyppi: ElementType

  Oletusarvo: "header" as E

  Renderöitävä HTML-elementti

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• shadow

  Tyyppi: boolean

  Oletusarvo: true

  Määrittää näytetäänkö MainBar-elementillä varjo (aseta arvoon false, jos käytät MainBarContaineria).

• stackOnMobile

  Tyyppi: boolean

  Oletusarvo: false

  Näyttää valikon tekstit pienillä näytöillä kuvakkeiden alla

• sticky

  Tyyppi: boolean

  Oletusarvo: false

  Määrittää tarttuuko MainBar-elementti ruudun yläreunaan. Jos käytössä MainBarContainer, aseta sille sama sticky-arvo.

• testId

  Tyyppi: string

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

MainBarActionGroup

• align

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

  Oletusarvo: right

  Tasaa linkit vasemmalle, oikealle tai keskelle (left, right, center)

• testId

  Tyyppi: string

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

• useGroupItems

  Tyyppi: boolean

  Oletusarvo: false

  Määrittää käytetäänkö groupin sisällä MainBarActionGroupItem-komponentteja vai luodaanko li-lista automaattisesti.

MainBarActionGroupItem

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• testId

  Tyyppi: string

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

MainBarAction

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

• active

  Tyyppi: boolean

  Korostaa aktiivisen linkin tai painikkeen

• as

  Tyyppi: ElementType<any, keyof IntrinsicElements>

  Oletusarvo: "button" as E

  Renderöitävä HTML-elementti

• caret

  Tyyppi: boolean

  Nuolikuvake

• caretUp

  Tyyppi: boolean

  Nuolikuvake ylös

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• icon

  Tyyppi: Element

  Painikkeen kuvake

• labelClassName

  Tyyppi: string

  CSS-apuluokka linkin tai painikkeen tekstille

• ref

  Tyyppi: any

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

• testId

  Tyyppi: string

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

• vAlign

  Tyyppi: "middle"

  Painikkeen tasaus pystysuunnassa.

MainBarSearchV2

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• search

  Pakollinen

  Tyyppi: ({ searchClassName, inputClassName, btnClassName, iconClassName, }: MainBarSearchV2RenderProps) => Element

  Reactin render prop -funktio itse hakutoiminnon toteutukseen (hakukenttä ja painike)

• testId

  Tyyppi: string

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

MainBarMenuButton

Ref-prop välitetään button-elementille.

• children

  Tyyppi: ReactNode

  Komponentin sisältö

• className

  Tyyppi: string

  CSS-apuluokat ulkoasun muokkaamiseen.

• isOpen

  Tyyppi: boolean

  Määrittää onko valikkopainike auki vai kiinni.

• testId

  Tyyppi: string

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

• vAlign

  Tyyppi: "middle"

  Painikkeen tasaus pystysuunnassa.