Rounded Button

PreviousNext

A rounded button component

Docs
shadcnui-blockscomponent

Preview

Loading preview…
components/customized/button/button-14.tsx
import { Button } from "@/registry/ui/button";
import { StarIcon } from "lucide-react";

const RoundedButtonDemo = () => (
  <div className="flex items-center gap-2 flex-wrap">
    <Button className="rounded-full">Rounded</Button>
    <Button className="rounded-full" size="icon">
      <StarIcon />
    </Button>
    <Button className="rounded-full">
      <StarIcon /> Star
    </Button>
  </div>
);

export default RoundedButtonDemo;

Installation

npx shadcn@latest add @shadcnui-blocks/button-14

Usage

import { Button14 } from "@/components/button-14"
<Button14 />