Button

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

Installation

pnpm dlx shadcn@latest add https://8bit.cnlibs.com/r/button.json

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

<Button>Button</Button>

A button with a pixel border and a transparent background.

A less prominent button for secondary actions.

A borderless button that only shows its surface on hover.

Signals a destructive or irreversible action.

Every button size, from extra small to large, with matching icon-only sizes.

Buttons can include an inline icon before or after the label.

Disable the button and show a spinner while work is pending.