Navigation
Link
Text link with inline or standalone variants, default or inherit color, an external flag that adds an icon and safe rel attributes, plus a disabled state.
Examples
Inline and external
Loading preview
<Link href="#">Inline link</Link>
<Link href="#" external>External link</Link>API
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'inline' | 'standalone' | inline | Underline treatment. |
color | 'default' | 'inherit' | default | Brand color or inherit the surrounding color. |
external | boolean | false | Adds an icon, target _blank, and rel noopener noreferrer. |
Guidelines
Do
- Use external for links that leave the app.
Avoid
- Do not use a Link to trigger an action; use a Button.