Header
Installation
Section titled “Installation”npm install @sk-web-gui/reactAnvändning
Section titled “Användning”import { Header } from '@sk-web-gui/react';| Prop | Typ | Standard | Beskrivning |
|---|---|---|---|
title | string | – | Title for main page |
subtitle | string | – | Subtitle for page- optional |
children | React.ReactNode | – | React node |
logoLinkOnClick | () => void | – | onClick for Logo-link |
| Not in use if alternative logo is used. | |||
notificationsAlert | React.ReactNode | – | NotificationsAlert component |
userMenu | React.ReactNode | – | UserMenu component |
wrapperClasses | string | – | CSS-classes for top parent node |
userMenuClasses | string | – | CSS-classes for usermenu |
mainMenu | React.ReactNode | – | Main menu component |
mobileMenu | React.ReactNode | – | Mobile menu component |
logo | React.ReactNode | – | Alternative logo |
| If you want a linked logo, wrap it in a link component. |
Standardargs (från Meta.args)
Section titled “Standardargs (från Meta.args)”{ "title": "E-tjänster", "subtitle": "Sundsvalls kommun"}Storyvarianter
Section titled “Storyvarianter”- Template – standardstory
- Implementation: @sk-web-gui/layout
- Storybook: Header