Primitive

Link

Ink-first text link with restrained underline treatment.

Links should read as text first. Use nav for compact navigation lists and external only when destination context changes.
navigation
DOM renderImage render
LinkDefault
Open research note

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Inline text link.
Open research note
Render state

Tones

Default, sky, and muted link tones.
DefaultSkyMuted
Render state

Nav

Compact nav link treatment with current page state.
OverviewComponentsChangelog
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
hrefstring-Native anchor destination.
intent'default' | 'sky' | 'muted'defaultInline link intent.
purpose'inline' | 'nav'inlineProse underline or nav-link treatment.
currentbooleanfalseMarks the link as the current page and sets aria-current.
externalbooleanfalseAppends an external-link glyph.
childrenReactNode-Link text.