Button
bundui/button-icon-sizesFreeComponent
Displays a button or a component that looks like a button.
Live preview
live · rendered by the registry
Rendered by bundui on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://bundui.io/r/button-icon-sizes.jsonSource
1import { Button } from "@/components/ui/button";2import { MoreHorizontal } from "lucide-react";34export default function ButtonIconSizes() {5 return (6 <div className="flex items-center gap-2">7 <Button size="icon-sm">8 <MoreHorizontal />9 </Button>10 <Button size="icon">11 <MoreHorizontal />12 </Button>13 <Button size="icon-lg">14 <MoreHorizontal />15 </Button>16 </div>17 );18}
What it pulls in
npm packages
Other registry items
Files it writes
More from bundui
All 217 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion-collapsible | bundui | Components | Free | no deps · 2 files | |
| Accordionaccordion-default | bundui | Components | Free | no deps | |
| Accordionaccordion-with-plus-icon | bundui | Components | Free | 2 deps | |
| Alertalert-danger | bundui | Components | Free | 1 dep | |
| Alertalert-default | bundui | Components | Free | no deps | |
| Alert Dialogalert-dialog | bundui | Components | Free | no deps | |
| Alertalert-success | bundui | Components | Free | 1 dep | |
| Alertalert-warning | bundui | Components | Free | 1 dep |
