Grundtone

Appearance

Back Link ​

Navigation link to return to a previous page or step. Arrow is rendered automatically via CSS.

Demo ​

Basic

Alle indlægTilbage til shopBack to overview

Installation ​

vue
<script setup>
import { GTBackLink } from '@grundtone/vue';
</script>

In Nuxt, GTBackLink is auto-imported.

When to use ​

Use in multi-step flows and pages with a clear parent. Do not use with breadcrumbs.

Usage ​

vue
<GTBackLink href="/blog" label="Alle indlæg" />
<GTBackLink href="/settings" label="Back to settings" />

No default label — you set the language. The ← arrow is added by CSS.

Props ​

PropTypeDefaultDescription
hrefstring—Destination URL (required)
labelstring—Link text (required)

Accessibility ​

  • Standard <a> element
  • Focus ring via :focus-visible
  • Arrow animates on hover

See Back Link (Design System) for full CSS reference.