Link
v1.0.4Updated 28 Sept 2026Themed 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 storiesVariantsOpen ↗
▸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
- Client-side routing: pass `linkComponent` (next/link, React Router Link) and every row that has an href renders through the host app link component instead of a plain anchor, which would reload the whole document (fb_bf7dc63a)
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.
Usage
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
variantVisual variant
—underlineUnderline mode
—externalExternal link (auto target + icon)
—linkComponentRender through the host app link component (next/link, React Router Link) while keeping every computed class, the icon slot, the external-link target/rel and the WAI-ARIA disabled behaviour. MCP feedback fb_bf7dc63a.
—