Button

PreviousNext

Displays a button or a component that looks like a button.

Docs
bunduicomponent

Preview

Loading preview…
examples/components/button/disabled/page.tsx
import { Button } from "@/components/ui/button";

export default function ButtonDisabled() {
  return (
    <div className="flex items-center gap-2">
      <Button disabled>Default</Button>
      <Button variant="secondary" disabled>
        Secondary
      </Button>
      <Button variant="destructive" disabled>
        Destructive
      </Button>
      <Button variant="outline" disabled>
        Outline
      </Button>
      <Button variant="ghost" disabled>
        Ghost
      </Button>
    </div>
  );
}

Installation

npx shadcn@latest add @bundui/button-disabled

Usage

import { ButtonDisabled } from "@/components/button-disabled"
<ButtonDisabled />