Link

import { Link } from 'yarcl';

Read the documentation, or visit example.com.

Underline on hoverNo underline

<Link href="/docs">documentation</Link>
<Link href="https://example.com" external>example.com</Link>
<Link href="#" underline="hover" color="neutral">Underline on hover</Link>

• Keep underline="always" (the default) for links inside running text, so they’re not identified by color alone.
• external opens a new tab with rel="noopener noreferrer".

Props

Accepts every native <a> attribute except color.

Prop	Type	Default	Description
color	Colorconfig	config.defaults.color	Link color, from the colors config.
external	boolean		Opens in a new tab with rel="noopener noreferrer".
underline	'none' | 'hover' | 'always'	'always'	When to underline. Keep 'always' for links inside running text, so they don't rely on color alone.