@edux-design/links

Standalone link primitive modelled on the breadcrumb link styles, with asChild support for SPA routers.

Install

npm i @edux-design/links

Usage

import { Link } from "@edux-design/links";

export function Example() {
  return (
    <div className="flex gap-12">
      <Link href="/docs">Docs</Link>
      <Link href="https://example.com" isExternal>
        External site
      </Link>
      <Link href="/disabled" inactive>
        Inactive
      </Link>
    </div>
  );
}

Router Links

import { Link as RouterLink } from "react-router-dom";
import { Link } from "@edux-design/links";

export function Example() {
  return (
    <Link asChild>
      <RouterLink to="/docs">Docs</RouterLink>
    </Link>
  );
}