Button

bundui/button-loading-with-icon

FreeComponent

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-loading-with-icon.json

Source

examples/components/button/loading-with-icon/page.tsxbundui.io/r/button-loading-with-icon.json

1import { Button } from "@/components/ui/button";
2import { LoaderCircleIcon } from "lucide-react";
3 
4export default function ButtonLoading() {
5  return (
6    <Button disabled size="icon">
7      <LoaderCircleIcon className="animate-spin" />
8    </Button>
9  );
10}

What it pulls in

npm packages

lucide-react

Other registry items

button

Files it writes

examples/components/button/loading-with-icon/page.tsx

More from bundui

All 217 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
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