Shim

Link

Navigate to a different page or section.

Documentation
React Aria
Pattern
W3C ARIA
Source
GitHub
Issues
Report
Install
pnpm dlx @kkga/shim add link
Let's go
import { Link } from "@/shim-ui/link";

export default () => <Link href="#">Let's go</Link>;

Install

Use the CLI or copy the source code manually.

pnpm dlx @kkga/shim add link

Intent

Use the intent prop to set the semantic color of the link.

NeutralAccentWarningSuccessDanger
import { Link } from "@/shim-ui/link";

export default () => (
  <>
    <Link href="#intent" intent="neutral">
      Neutral
    </Link>
    <Link href="#intent" intent="accent">
      Accent
    </Link>
    <Link href="#intent" intent="warning">
      Warning
    </Link>
    <Link href="#intent" intent="success">
      Success
    </Link>
    <Link href="#intent" intent="danger">
      Danger
    </Link>
  </>
);