Komponenter
Link
En link er klikkbar tekst eller grafikk brukt til navigasjon. Komponenten er et enkelt anchor-element med Nav sitt design.
Egnet til:
- Lenke til ny side
- Navigere til innhold på samme side
Uegnet til:
- Handlinger (se Button)
Eksempler
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
underline?
- Type:boolean
- Default:true
- Description:
Inverts when the underline appears. If this is false, the underline only appears on hover.
NB: Underline can only be removed in menus etc. where it's obvious that it's a link.
inlineText?
- Type:boolean
- Default:false
- Description:
Renders link with
display: inlinefor better wrapping in text.
children
- Type:ReactNode
- Description:
Link text
data-color?
- Type:AkselMainColorRole | AkselBrandColorRole | AkselMetaColorRole
- Description:
Overrides inherited color.
We recommend only using
accentandneutral. We have disallowed status-colors. @see 🏷️ {@link AkselColor } @see 📝 Documentation
className?
- Type:string
ref?
- Type:Ref<HTMLAnchorElement>
- Description:
Allows getting a ref to the component instance. Once the component unmounts, React will set
ref.currenttonull(or call the ref withnullif you passed a callback ref). React Docs
variant?
- Deprecated:Deprecated in v8. Use `data-color` prop instead.
- Type:"action" | "neutral" | "subtle"
as?
- Type:React.ElementType
- Description:
OverridableComponent-api