Link

import Link from "@/components/ui/Link";

export default function Page() {
  return (
    <Link href="#">Link</Link>
  )
}

import Link from "@/components/ui/Link";

export default function Page() {
  return (
     <div className="space-x-4">
      <Link href="#" colors="primary">Primary</Link>
      <Link href="#" colors="secondary">Secondary</Link>
      <Link href="#" colors="warning">Warning</Link>
      <Link href="#" colors="danger">Danger</Link>
      <Link href="#" colors="neutral">Neutral</Link>
    </div>
  )
}

import Link from "@/components/ui/Link";

export default function Page() {
  return (
    <Link href="#" disabled>Link</Link>
  )
}

import Link from "@/components/ui/Link";

export default function Page() {
  return (
    <Link href="#" underline>Link</Link>
  )
}

import Link from "@/components/ui/Link";
import { IconExternalLink } from '@tabler/icons-react';

export default function Page() {
  return (
    <div className="flex gap-4">
      <Link href="https://github.com/CiroLee/nexus-kit" target="_blank">
        Link
      </Link>
      <Link href="https://github.com/CiroLee/nexus-kit" target="_blank" underline>
        Link <IconExternalLink size={16} />
      </Link>
    </div>
  )
}