Link

Navigate to a different page or section.

Documentation: React Aria
Pattern: W3C ARIA
Source: GitHub
Issues: Report

Link example

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

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

Install

Use the CLI or copy the source code manually.

Command

Source code

pnpm dlx @kkga/shim add link

Intent

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

Neutral Accent Warning Success Danger

Intent example

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>
  </>
);