Skip to content
Vy logo
  • Spor
  • Resources
Components

TextLink

Text links are used to link to other resources in inline text.

FigmaGitHub

Code examples

<TextLink 
  variant="primary" 
  href="/components"
>
  Go to the component overview
</TextLink>

Guidelines

Links are a fundamental component on the internet and are used to link to other content—either internally or externally. External links automatically have an extra icon added behind them.

Variants

We have three link variants:

The primary variant is the one we use most often on light backgrounds.

The secondary variant can be used as an alternative to the primary on light backgrounds.

The tertiary variant should only be used on dark backgrounds.

Code

<TextLink />

import { TextLink } from "@vygruppen/spor-react";

Text links lets you link to other resources, both internal and external.

Props

Name
Type
Required?
Description
variant"primary" | "secondary"Default "primary"
externalbooleanOverride whether the link is shown as external or not.
childrenReact.ReactNodeThe link text
size"sm" | "md" | "lg"
hrefstringFor external links