base-button-link

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/base-button/link.tsx
import Link from 'next/link';
import { Button } from '@/registry/default/ui/base-button';

export default function Component() {
  return (
    <div className="flex flex-col items-center gap-6">
      <Button mode="link" underline="solid" asChild>
        <Link href="#">Solid</Link>
      </Button>
      <Button mode="link" underline="dashed">
        <Link href="#">Dashed</Link>
      </Button>
      <Button mode="link" underlined="solid">
        <Link href="#">Underlined - Solid</Link>
      </Button>
      <Button mode="link" underlined="dashed">
        <Link href="#">Underlined - Dashed</Link>
      </Button>
    </div>
  );
}

Installation

npx shadcn@latest add @reui/base-button-link

Usage

import { BaseButtonLink } from "@/components/base-button-link"
<BaseButtonLink />