Hopp til hovedinnhold

Komponenter

SkipLink

SkipLink hjelper folk som bruker tastaturnavigasjon til å navigere, slik at dei enkelt kan gå til det viktigaste innhaldet på ei side.

children
Description

The content to display inside the skiplink.

Type
any
href
Description

Href of an element in the DOM the skiplink should skip to. E.g #main-content

Type
string
NameTypeDefaultDescription
childrenany-

The content to display inside the skiplink.

hrefstring-

Href of an element in the DOM the skiplink should skip to. E.g #main-content

Bruk

HTML

Legg klassenavnet ds-skip-link på ein <a>-tagg som peikar til hovudinnhaldet på sida.

CSS variabler og data-attributter

CSS-variabler
NavnVerdi
--dsc-skiplink-paddingvar(--ds-size-4) var(--ds-size-4) var(--ds-size-5) var(--ds-size-4)
--dsc-skiplink-backgroundvar(--ds-color-surface-hover)
--dsc-skiplink-colorvar(--ds-color-text-default)

Ingen relevante data-attributter funnet.

Rediger denne siden på github.com (åpnes i ny fane)