Komponenter

InternalHeader

InternalHeader samler handlinger og overordnet navigasjon for interne systemer. Handlingene som tilbys bestemmes av hvert enkelt system.

StabilOppdatert 16. juni 2025

Github Figma Endringslogg

Egnet til:

Bruk på interne flater
Navigasjon

Uegnet til:

Eksterne flater

Eksempler

TSX
<InternalHeader>
  <InternalHeader.Title as="h1">Sykepenger</InternalHeader.Title>
  <Spacer />
  <InternalHeader.User name="Ola Normann" />
</InternalHeader>

Retningslinjer

App-meny

App-menyen inneholder lenker til andre fagsystemer og oppslagsverk. Lenkene åpnes i ny fane slik at systemet man er i ikke lukkes. Det er opp til det enkelte team hvor mange lenker de fyller den med. Se eksempel "App-meny".

Brukermeny

Ved å klikke på brukernavnet åpnes en meny som viser brukers fulle navn, identnummer samt en lenke for å logge ut av systemet. Teamene avgjør selv om de vil introdusere mer informasjon i denne konteksten. Se eksempel "Brukermeny".

Både app switcher og brukermeny bruker Dropdown.

Props

InternalHeader

className?: Type:
string
ref?: Type:
Ref<HTMLElement>
Description:
Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). React Docs

InternalHeader.Button

children: Type:
ReactNode
Description:
Application Button
className?: Type:
string
ref?: Type:
Ref<HTMLButtonElement>
Description:
Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). React Docs
as?: Type:
React.ElementType
Description:
OverridableComponent-api

InternalHeader.Title

children: Type:
ReactNode
Description:
Application title
className?: Type:
string
ref?: Type:
Ref<HTMLAnchorElement>
Description:
Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). React Docs
as?: Type:
React.ElementType
Description:
OverridableComponent-api

InternalHeader.User

name: Type:
ReactNode
Description:
User name
description?: Type:
ReactNode
Description:
User description
className?: Type:
string
ref?: Type:
Ref<HTMLDivElement>
Description:
Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). React Docs

InternalHeader.UserButton

name: Type:
string
Description:
User name
description?: Type:
string
Description:
User description
className?: Type:
string
ref?: Type:
Ref<HTMLButtonElement>
Description:
Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). React Docs
as?: Type:
React.ElementType
Description:
OverridableComponent-api

Tokens

Gammel dokumentasjon for disse finner du på JsDelivery

InternalHeader

Egnet til:

Uegnet til:

Eksempler

Retningslinjer

App-meny

Brukermeny

Props

InternalHeader

className?

ref?

InternalHeader.Button

children

className?

ref?

as?

InternalHeader.Title

children

className?

ref?

as?

InternalHeader.User

name

description?

className?

ref?

InternalHeader.UserButton

name

description?

className?

ref?

as?

Tokens

Komponent-tokens er fjernet i versjon 8