Hopp til innhold
Aksel

Komponenter

GuidePanel

GuidePanel gir en vennlig velkomst og introduksjon til en løsning eller side.

StabilOppdatert 8. april 2026
Github FigmaEndringslogg

Egnet til:

  • Forklare brukeren hva hen gjør på siden.
  • Veilede brukeren.

Uegnet til:

  • Vise viktige meldinger eller varsler.

Eksempler

Retningslinjer

  • GuidePanel skal ligge på starten av siden.
  • Ikke bruk flere GuidePanel på samme side.

Innhold

Bruk kun tekstlig innhold. Teksten bør holdes kort, tydelig og informativ. GuidePanel er ikke designet for å vise viktige meldinger, da må du bruke LocalAlert.

Props

GuidePanel

children

  • Type:
    ReactNode
  • Description:

    GuidePanel content

illustration?

  • Type:
    ReactNode
  • Description:

    Custom svg/img element

poster?

  • Type:
    boolean
  • Default:
    true on mobile (<480px)
  • Description:

    Render illustation above content

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

Tokens

Komponent-tokens ble fjernet i versjon 8

Gammel dokumentasjon for disse finner du på jsDelivr