Skip to main content

Link

Styled anchor for text links (default, underlined, muted, nav) or button-shaped navigation (primary, secondary, ghost, destructive, success). External links get rel=noopener.

Text links

Default link Underlined link Muted link Navigation link

Button links

Primary Secondary Ghost Destructive

Button link sizes

Small Medium Large

Icons

Left icon Right icon External

Button link states

Disabled Destructive link

Nav variant in a row

Animation variants

animationVariant — click each control to compare press feedback.

Default None Ripple Scale Sink Lift Pulse Glow

API

Prop	Required	Type	Default	Description
theme	Optional	SiteTheme	atelier	Visual theme.
mode	Optional	"light" \| "dark"	light	Color mode.
variant	Optional	"default" \| "underlined" \| "muted" \| "nav" \| "primary" \| "secondary" \| "ghost" \| "destructive"	default	Text link or button-style emphasis.
size	Optional	"sm" \| "md" \| "lg"	md	Height for button variants.
fullWidth	Optional	boolean	—	Stretch button links to container width.
leftIcon / rightIcon	Optional	ReactNode	—	Icons for button variants.
href	Optional	string	—	Navigation target.
disabled	Optional	boolean	—	aria-disabled, removes href, blocks click.
external	Optional	boolean	—	Forces new-tab + noopener for http(s) URLs.
animationVariant	Optional	PressAnimationVariant	default	Press animation — default, none, ripple, scale, sink, lift, pulse, or glow.