Icon Button

PreviousNext

An icon button component

Docs
shadcnui-blockscomponent

Preview

Loading preview…
components/customized/button/button-05.tsx
import { Button } from "@/registry/ui/button";
import { ArrowRight, Star } from "lucide-react";

const IconButtonDemo = () => {
  return (
    <div className="flex items-center gap-2">
      <Button size="icon">
        <Star />
      </Button>
      <Button>
        <Star /> Star
      </Button>
      <Button>
        Read More <ArrowRight />
      </Button>
    </div>
  );
};

export default IconButtonDemo;

Installation

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

Usage

import { Button05 } from "@/components/button-05"
<Button05 />