Link
Link centralizes navigation semantics for internal, anchor, and external links.
Installation
Import from @gaudi/design-system. Load @gaudi/design-system/global.css once and add transpilePackages: ['@gaudi/design-system'] in Next.js.
Usage
Examples
Playground
Link Types
Variants and tones
API
6 props
Accessibility
Link renders Next links for internal URLs, anchors for fragments, and safe external anchors with noopener noreferrer.
Related
AspectRatioKeep media at a stable aspect ratio as its container resizes.1 exampleAvatarProfile images, resilient initials, presence, verification, account menus and collaborator groups. The existing Avatar API and curated patterns share the same image and fallback primitives.10 examplesButtonButton renders the Gaudi action and link-button variants.7 examplesButtonGroupGroup related actions with joined borders and consistent sizing.9 examplesCardCard frames reusable content with title, subtitle, and optional children.8 examplesCheckboxCheckbox renders a token-styled binary control.6 examples