navigation

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.

DOM render JPEG render

Open research note

Playground

Props in the URL.

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

Loading playground.

States

Rendered matrix.

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

Open research note

Default

Inline text link.

Default Sky Muted

Tones

Default, sky, and muted link tones.

Overview Components Changelog

Nav

Compact nav link treatment.

Props

Public contract.

Name	Type	Default	Description
`href`	`string`	-	Native anchor destination.
`tone`	`'default' \| 'sky' \| 'muted'`	`default`	Inline link tone.
`variant`	`'inline' \| 'nav'`	`inline`	Prose underline or nav-link treatment.
`external`	`boolean`	`false`	Appends an external-link glyph.
`children`	`ReactNode`	-	Link text.