Button

The most fundamental interactive element. A starting point for everything else.

Variants

Default

Secondary

Outline

Ghost

Destructive

Link

Scale

Code

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

<Button>Default</Button>
<Button variant="outline">Outline</Button>
<Button variant="ghost" size="sm">Small ghost</Button>

Copy-paste ready. Tweak as needed.