Button

Rounded action button for the Circle design system.

Use this for primary actions, system states, and lightweight status signals.

Preview and code

Loading preview...

If this is your first Circle install, start with Get started.

pnpm dlx shadcn@latest add @circle-ui/button

This is a lower-level building block. Reach for it when you need direct control over layout, behavior, or styling in a larger surface.

Registry

@circle-ui/utils

npm

@radix-ui/react-slot

class-variance-authority

The raw JSON payload powering this entry — useful when debugging registry output.

registry/berlin/circle-ui/button.tsx

pnpm dlx shadcn@latest add https://registry.circle.health/circle-ui/button.json