Link
Styled anchor for inline and standalone navigation.
Add it to your project
Eject the complete link group, then import from its generated local barrel. The copied source and CSS belong to your application.
bash
pnpm exec toucan eject linkbash
npx toucan eject linkapp.tsx
import { Link } from '@/components/toucan/link';Use when
Activating text navigates to another location or resource.
Avoid when
Activating the control performs an action on the current page; use Button.
API reference
Generated from packages/react/src/components. Only Toucan-specific props are listed; forwarded native props remain available as noted for each export.
Link
Link
Props type: LinkProps
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
external | boolean | false | No | Open in a new tab with safe external-link relationship attributes. |
size | "sm" | "lg" | "base" | 'base' | No | Visual size variant. |
variant | "inline" | "standalone" | 'inline' | No | Semantic visual variant. |
Also accepts the native anchor attributes that are not replaced by a Toucan prop.
Type exports
LinkProps
Accessibility
- Renders a native anchor and supports standard link attributes.
Token families
link