Hopp til innhold
Aksel
  • God praksis
  • Grunnleggende
  • Ikoner
  • Komponenter
  • Bloggen

Meny

  • God praksis
  • Grunnleggende
  • Ikoner
  • Komponenter
  • Blogg
    • Box
    • HGrid
    • Hide
    • HStack
    • Show
    • VStack
    • Accordion
    • Alert
    • Button
    • Chat
    • Checkbox
    • Chips
    • Combobox
    • ConfirmationPanel
    • CopyButton
    • DatePicker
    • Dropdown
    • ErrorSummary
    • ExpansionCard
    • GuidePanel
    • HelpText
    • InternalHeader
    • Link
    • LinkPanel
    • List
    • Loader
    • Modal
    • MonthPicker
    • Pagination
    • Panel
    • Popover
    • Provider
    • Radio
    • ReadMore
    • Search
    • Select
    • Skeleton
    • Stepper
    • Switch
    • Table
    • Tabs
    • Tag
    • Textarea
    • TextField
    • Timeline
    • ToggleGroup
    • Tooltip
    • Typography
    • StepIndicator
    • CopyToClipboard
Komponenter / Core

Link

Oppdatert 18. juni 2023Stabil
GithubYarn FigmaEndringslogg

    Intro

    Sjekk ut denne artikkelen om hvordan vi lager universelt utformet lenker.

    Egnet til:

    • Lenke til nye sider
    • Innholds-snarveier

    Har du innspill til komponenten?

    Send forslag

    Eksempler

    Åpne eksempel i nytt vindu

    Props

    Link

    as? React.ElementType
    OverridableComponent-api
    underline?boolean
    Inverts when the underline appears. If this is false, the underline does not appear by default, but does appear when the link is hovered. This makes it more suitable for use when inlined in text.
    inlineText?boolean
    Renders link with `display: inline` for better wrapping in text.
    variant?"action" | "neutral" | "subtle"
    Variant of the component to use.
    children ReactNode
    Link text
    className? string
    ref? Ref<HTMLAnchorElement>
    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). @see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom
    Link extends HTMLAnchorElement

    Tokens

    TokenFallback
    --ac-link-text--a-text-action
    --ac-link-focus-text--a-text-on-action
    --ac-link-focus-bg--a-border-focus
    --ac-link-focus-border--a-border-focus
    --ac-link-active-text--a-text-on-action
    --ac-link-active-bg--a-border-focus
    --ac-link-active-border--a-border-focus
    --ac-link-action-text--a-text-action
    --ac-link-neutral-text--a-text-default
    --ac-link-subtle-text--a-text-subtle

    © 2023 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