Button/button-secondary-

PreviousNext

A button/button-secondary- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/button/button-secondary-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="secondary">
    <Mail className="size-4" />
    Button
  </Button>
);

export default Example;

Installation

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

Usage

import { ButtonButtonSecondary2 } from "@/components/button-button-secondary-2"
<ButtonButtonSecondary2 />