Om komponenten
Denne er ment å brukes som tilbakeknapp under header.
Avhengigheter
Ikoner:
- chevron-thin-left
Komponenter:
- pkt-link
- pkt-icon
Varianter
<nav class="pkt-back-link" aria-label="GÃ¥ tilbake et steg">
<a href="/" class="pkt-link pkt-link--icon-left">
<span class="pkt-back-link__icon pkt-icon pkt-link__icon">
<svg viewBox="0 0 32 32">
<use href="#chevron-thin-left"></use>
</svg>
</span>
<span class="pkt-back-link__text">Forsiden</span>
</a>
</nav><pkt-back-link href="#" text="Start-/transport-/landingsside" /><PktBackLink href="#" text="Start-/transport-/landingsside" />CSS oversikt
Block:
- .pkt-back-link
Elements:
- .pkt-back-link__icon
- .pkt-back-link__text
Props, slots og events
| Prop | Type | Validation | Default | Beskrivelse |
|---|---|---|---|---|
href | string | URL-en å navigere til når lenken klikkes. I Vue kan denne være en lenke eller en routerlenke. I React kan denne være en lenke eller du kan legge til egen routerlogikk med onClick. | ||
text | string | Forsiden | Teksten som vises i tilbake-lenken. | |
className(React) | string | Ekstra CSS-klasser som kan brukes på komponenten. | ||
| …props (React) | object | Eventuelle ekstra attributter som kan brukes på en anker (<a>) element. |
| Events | Type | Validation | Default | Beskrivelse |
|---|---|---|---|---|
| onClick(React) | Event som trigges når man trykker på knapp, legg til egen navigasjonslogikk |