Theme
Link
A link in running text. A plain anchor, so it works before any script loads; pass a router's link component as `as`.
Examples
Read the platform overview first.
Props
Link
A link in running text. A plain anchor, so it works before any script loads.
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | |
href | string | — | |
quiet? | boolean | false | Muted until hovered, for links in footers and metadata. |
as? | ElementType | "a" | The component that renders the anchor, for a framework's client-side link (Next.js's `Link`, say). The system itself knows no router. |
Also takes 282 props it passes to the underlying React Aria component or element (events, ARIA attributes, state such as isDisabled), documented by React Aria.
Keyboard
| Key | Does |
|---|---|
| Enter | Follows the link |
Accessibility
- Underlined, so it is not told apart by colour alone (WCAG 1.4.1).
- The focus ring shows for keyboard focus only.