Hopp til innhold

Dette er dokumentasjonen for Aksel versjon 7. Den nyeste versjonen finner du på aksel.nav.no

Komponenter

LinkPanel

Lenkepanel er et større klikkbart element med enkelt innhold, og kort beskrivende tekst.

AvvikletOppdatert 26. juni 2025

Egnet til:

  • Fremheve viktig og relatert innhold som finnes andre steder

Erstattet av <LinkCard />

Komponenten er nå erstattet av LinkCard.

TSX
<LinkPanel href="#" border>
<LinkPanel.Title>Arbeidssøker eller permittert</LinkPanel.Title>
<LinkPanel.Description>
Om jobb, registrering, CV, dagpenger og feriepenger av dagpenger
</LinkPanel.Description>
</LinkPanel>
TSX
<LinkCard>
<LinkCard.Title>
<LinkCard.Anchor href="#">Arbeidssøker eller permittert</LinkCard.Anchor>
</LinkCard.Title>
<LinkCard.Description>
Om jobb, registrering, CV, dagpenger og feriepenger av dagpenger
</LinkCard.Description>
</LinkCard>

Eksempler

Props

LinkPanel

children?

  • Type:
    ReactNode
  • Description:

    Panel content

border?

  • Type:
    boolean
  • Default:
    true
  • Description:

    Adds border to panel if true

className?

  • Type:
    string

ref?

  • Type:
    LegacyRef<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

LinkPanel.Title

className?

  • Type:
    string

ref?

  • Type:
    LegacyRef<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

as?

  • Type:
    React.ElementType
  • Description:

    OverridableComponent-api

LinkPanel.Description

className?

  • Type:
    string

ref?

  • Type:
    LegacyRef<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