Link
Intro
En link er klikkbar tekst eller grafikk brukt til navigasjon. Komponenten er et enkelt anchor-element med Nav sitt design.
Eksempler
Prop-en 'inlineText' gjør at teksten wrapper.
Ikke bruk action-varianten på farget bakgrunn.
Bruk 'as'-propen hvis du bruker et rammeverk som har sin egen link-komponent.
Retningslinjer
Les mer om hvordan du lager gode lenker i denne God praksis-artikkelen.
I Nav markerer vi ikke besøkte lenker ("visited").
Tilgjengelighet
Når navigering ved klikk på lenker håndteres med onClick
, er det viktig å fortsatt ha med URL-en i href
. Dette gjør at brukeren ser hvor lenken går. Manglende href
gjør blant annet at lenken ikke blir tilgjengelig med tastatur.
Props
Link
as?
- Type:
React.ElementType
- Description:
underline?
- Type:
boolean
- Default:true
- Description:
inlineText?
- Type:
boolean
- Default:false
- Description:
variant?
- Type:
"action" | "neutral" | "subtle"
- Default:"action"
- Description:
children
- Type:
ReactNode
- Description:
className?
- Type:
string
data-color?
- Type:
(string & {}) | AkselColor
ref?
- Type:
LegacyRef<HTMLAnchorElement>
- Description: