button-with-icon

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/button/with-icon.tsx
import { Button } from '@/registry/default/ui/button';
import { Bell, CalendarCheck, Trash2 } from 'lucide-react';

export default function ButtonDemo() {
  return (
    <div className="flex items-center gap-4">
      <Button variant="primary">
        <Trash2 /> Primary
      </Button>
      <Button variant="outline">
        <Bell /> Outline
      </Button>
      <Button variant="ghost">
        <CalendarCheck /> Ghost
      </Button>
    </div>
  );
}

Installation

npx shadcn@latest add @reui/button-with-icon

Usage

import { ButtonWithIcon } from "@/components/button-with-icon"
<ButtonWithIcon />