Button

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

Installation

Preview

Usage

import { Button } from '@/components/ui/button'

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

Examples

Default

Preview

Code

<Button>Click me</Button>

Outline

Preview

Code

<Button variant="outline">Cancel</Button>

Usage notes

Primary actions. Use variant=outline for secondary actions, variant=ghost for tertiary.

Composition

DialogFooter, CardFooter

Avoid

• Do not use raw bg-blue-500
• Do not nest buttons inside buttons