Hopp til innhold
Aksel
  • God praksis
  • Grunnleggende
  • Ikoner
  • Komponenter
  • Mønster & Maler
  • Bloggen

Meny

  • God praksis
  • Grunnleggende
  • Ikoner
  • Komponenter
  • Mønster & Maler
  • Blogg
  • komponenter
      • Page
      • HGrid
      • HStack
      • VStack
      • Box
      • Hide
      • Show
      • Bleed
      • Eksperimenter 🧪
      • Accordion
      • ActionMenuBeta
      • Alert
      • Button
      • Chat
      • Checkbox
      • Chips
      • ComboboxBeta
      • ConfirmationPanel
      • CopyButton
      • DatePicker
      • Dropdown
      • ErrorSummary
      • ExpansionCard
      • FileUpload
      • FormProgressNy
      • FormSummaryNy
      • GuidePanel
      • HelpText
      • InternalHeader
      • Link
      • List
      • Loader
      • Modal
      • MonthPicker
      • Navpoleonskake
      • Pagination
      • Popover
      • ProgressBar
      • Provider
      • Radio
      • ReadMore
      • Search
      • Select
      • Skeleton
      • Stepper
      • Switch
      • Table
      • Tabs
      • Tag
      • Textarea
      • TextField
      • Timeline
      • ToggleGroup
      • Tooltip
      • Typography
      • LinkPanelAvviklet
      • PanelAvviklet

Provider

Oppdatert 30. april 2025Stabil
GithubYarnEndringslogg

Innhold på siden

  • Intro
  • Overstyre root-element
  • Endre språk/tekster
  • Props
    • Provider

Intro

Provider er en hjelpekomponent som lar deg konfigurere andre komponenter på globalt nivå.

Egnet til:

  • Overstyre root-element for portaler
  • Endre språk/tekster for komponenter

Har du innspill til komponenten?

Send forslag

Overstyre root-element

Enkelte komponenter bruker portal, noe som ikke fungerer med f.eks. shadow-dom. rootElement lar deg velge hvor portalen skal mountes.

Endre språk/tekster

Alle komponenter bruker norsk bokmål (nb) som standard. locale lar deg endre språk til enten nynorsk (nn) eller engelsk (en).

Selv om vi ønsker at komponentene skal se likt ut på tvers av løsninger, kan det noen ganger være behov for å overstyre noen av standard-tekstene. Dette kan gjøres med translations.

Noen komponenter har også en egen translations-prop som kan brukes hvis du bare vil endre på én instans av komponenten.

Støtter appen din andre språk enn de vi har tilgjengelig vil vi gjerne høre fra deg.

Props

Provider

rootElement?

  • Type:
    HTMLElement
  • Description:

locale?

  • Type:
    { global: { dateLocale: Locale; showMore: string; showLess: string; readOnly: string; close: string; }; Alert: { closeAlert: string; closeMessage: string; error: string; info: string; success: string; warning: string; }; ... 15 more ...; Timeline: { ...; }; }
  • Default:
    nb
  • Description:
  • Example:

translations?

  • Type:
    RecursivePartial<{ global: { dateLocale: Locale; showMore: string; showLess: string; readOnly: string; close: string; }; Alert: { closeAlert: string; closeMessage: string; error: string; info: string; success: string; warning: string; }; ... 15 more ...; Timeline: { ...; }; }> | RecursivePartial<...>[]
  • Description:

© 2025 Nav

Arbeids- og velferdsetaten

Snarveier

  • Skriv for Aksel
  • Prinsipper for brukeropplevelse
  • Security Playbook
  • Etterlevelse

Om nettstedet

  • Hva er Aksel?
  • Personvernerklæring
  • Tilgjengelighetserklæring

Finn oss

  • Figma
  • Github
  • Slack