button-ghost

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/button/ghost.tsx
import { Button } from '@/registry/default/ui/button';

export default function ButtonDemo() {
  return (
    <div className="flex items-center gap-2.5">
      <Button variant="ghost">Default</Button>
      <Button variant="primary" appearance="ghost">
        Primary
      </Button>
      <Button variant="destructive" appearance="ghost">
        Destructive
      </Button>
    </div>
  );
}

Installation

npx shadcn@latest add @reui/button-ghost

Usage

import { ButtonGhost } from "@/components/button-ghost"
<ButtonGhost />