Button

A light wrapper around the native button element that provides more opinionated states for things like hover and focus.

Installation

npx headcn@latest add button

Usage

import { Button } from "@/components/ui/button"
<Button>Star me!</Button>

You can pass any props to a Button that you'd normally pass to the native button element.

Examples

Default (primary)

Secondary

Destructive

Outline

Ghost

Icon

With Icon