Components
Loading preview...
Here is Button component
@base-ui
npx shadcn@latest add https://21st.dev/r/base-ui/button-1import { Button } from "@/components/ui/button";
import { Loader } from "lucide-react";
export default function ButtonLoading() {
return (
<div className="flex flex-wrap gap-4">
<Button size="icon">
<Loader className="w-4 h-4 animate-spin" /> {/* smaller icon */}
</Button>
<Button>
<Loader className="w-4 h-4 animate-spin mr-2" />
Please wait
</Button>
</div>
);
}