UI / Components / foundations / Button

Button

Primary / secondary / ghost / destructive / brand.

Standard button with 5 variants + 3 sizes. Brand-color focus ring, loading spinner, disabled state. Foundation primitive every other component composes against.

$npx dock-ui add button

Usage

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

<Button variant="primary">Open in Dock</Button>
<Button variant="ghost" size="sm">Cancel</Button>

Install

via CLI

$ npx dock-ui add button

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/button.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →