Loading Button

PreviousNext

A loading button component

Docs
shadcnui-blockscomponent

Preview

Loading preview…
components/customized/button/button-06.tsx
import { Button } from "@/registry/ui/button";
import { Loader } from "lucide-react";

const LoadingButtonDemo = () => {
  return (
    <div className="flex items-center gap-2">
      <Button size="icon">
        <Loader className="animate-spin" />
      </Button>
      <Button>
        <Loader className="animate-spin" /> Loading
      </Button>
    </div>
  );
};

export default LoadingButtonDemo;

Installation

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

Usage

import { Button06 } from "@/components/button-06"
<Button06 />