Link
A plain anchor with configurable underline, tone and hover tone, and no router dependency.
Underline styles
always (default), hover-only, and none.
Tone and hover tone
tone blue is a restrained, accessible link blue rather than a dark saturated one. hoverTone applies a tone under the pointer only, so a quiet link can turn blue on hover.
Inline and external
Read the installation guide or open the changelog.
- For a non-interactive or disabled link, render plain text (or aria-disabled) instead of an anchor without href
- Links keep a visible focus ring for keyboard users
- href is checked against an allowlist - http, https, mailto, tel and relative URLs. Anything else, such as javascript:, renders without an href and logs a warning in development
API reference
Color tone applied on hover. Accepts the same tones as `tone`.
Deprecated: shorthand for a muted, hover-underlined link.
Color tone. "blue" uses a restrained, accessible link blue. Default "default".
Underline behavior. Default "always".
Also accepts everything from React.AnchorHTMLAttributes<HTMLAnchorElement>.
Coding agents read this reference, with its examples, from the version your project has installed, through the Fuji UI MCP server. Set up your agent