Button/button-destructive-

A button/button-destructive- example

shadcnblocksblock

Preview

Loading preview…

code/example/button/button-destructive-5.tsx

import { Loader2 } from "lucide-react";

import { Button } from "@/components/ui/button";

export const title = "Loading Button";

const Example = () => (
  <Button className="gap-2" disabled variant="destructive">
    <Loader2 className="size-4 animate-spin" />
    Loading
  </Button>
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/button-button-destructive-5

Usage

import { ButtonButtonDestructive5 } from "@/components/button-button-destructive-5"

<ButtonButtonDestructive5 />