base-button-radius-full

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/base-button/radius-full.tsx
import { Button } from '@/registry/default/ui/base-button';
import { CalendarCheck } from 'lucide-react';

export default function Component() {
  return (
    <div className="flex items-center gap-4">
      <Button variant="outline" radius="full">
        Circle button
      </Button>
      <Button variant="outline" radius="full" mode="icon">
        <CalendarCheck />
      </Button>
    </div>
  );
}

Installation

npx shadcn@latest add @reui/base-button-radius-full

Usage

import { BaseButtonRadiusFull } from "@/components/base-button-radius-full"
<BaseButtonRadiusFull />