Button

PreviousNext

Displays a button or a component that looks like a button.

Docs
bunduicomponent

Preview

Loading preview…
examples/components/button/icon-sizes/page.tsx
import { Button } from "@/components/ui/button";
import { MoreHorizontal } from "lucide-react";

export default function ButtonIconSizes() {
  return (
    <div className="flex items-center gap-2">
      <Button size="icon-sm">
        <MoreHorizontal />
      </Button>
      <Button size="icon">
        <MoreHorizontal />
      </Button>
      <Button size="icon-lg">
        <MoreHorizontal />
      </Button>
    </div>
  );
}

Installation

npx shadcn@latest add @bundui/button-icon-sizes

Usage

import { ButtonIconSizes } from "@/components/button-icon-sizes"
<ButtonIconSizes />