Komponents
Components

Components

Link

Accessible navigation link with accent, muted, and underline variants.

newfree
pnpm add @komponents/uiCanonical TypeScript source · tree-shakeable subpaths

Styled React Aria Link for in-app and external navigation. Prefer Link over raw anchors so focus, press, and disabled states stay consistent.

Usage

Snippet
import { Link } from "@komponents/ui";

<Link href="/docs/getting-started">Getting started</Link>

Variants

accent (default), muted, and underline.

Accessibility

  • Native link semantics
  • Press scale feedback
  • Focus ring on keyboard focus
  • Disabled state via isDisabled

On this page