Button/button-destructive-

PreviousNext

A button/button-destructive- example

Docs
shadcnblocksblock

Preview

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

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

export const title = "Button with Right Icon";

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

export default Example;

Installation

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

Usage

import { ButtonButtonDestructive3 } from "@/components/button-button-destructive-3"
<ButtonButtonDestructive3 />