Button/button-destructive-

PreviousNext

A button/button-destructive- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/button/button-destructive-2.tsx
import { Mail } from "lucide-react";

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

export const title = "Button with Left Icon";

const Example = () => (
  <Button className="gap-2" variant="destructive">
    <Mail className="size-4" />
    Button
  </Button>
);

export default Example;

Installation

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

Usage

import { ButtonButtonDestructive2 } from "@/components/button-button-destructive-2"
<ButtonButtonDestructive2 />