build69
build69  /  Components  /  Layout & Surfaces  /  Link

Link

v1.0.1Updated 20 Jul 2026

Themed anchor with 5 variants, 3 underline modes, an external-link auto-icon, and size + weight tokens. Drop-in replacement for plain <a>.

Preview

Live · 9 stories
VariantsOpen ↗
Why this is recommendedlinkanchoraexternal+3

Link — variants.

Recommended for+14
  • Inline body links
  • Footer navigation
  • Reference / citation links
Tags+6
linkanchoraexternalcontentmuivariants
Features+4
  • Variants: default / muted / primary / underline / quiet
  • Underline modes: always / hover / none
  • External auto-icon (target="_blank" + arrow)
  • Sizes + weights
  • asChild composition with Next Link
Not recommended for−2
  • Primary CTA buttons (use Button)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "Link" })

Usage

import { Link } from '@/components/primitives/link';

<Link href="https://build69.com" external>Visit build69</Link>

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired
variant

Visual variant

string
underline

Underline mode

'always' | 'hover' | 'none'
external

External link (auto target + icon)

boolean

Related