Command Menu

Search documentation, components, and switch theme.

Atoms

Button

Brand-aware button with color and size variants.

shadcn/ui
Docs

Installation#

npx shadcn@latest add @formance/button

Install the following dependencies:

npm install class-variance-authority lucide-react radix-ui

Copy and paste the following code into your project.

Update the import paths to match your project setup.

Usage#

import { Button } from '@/components/ui/button'
<Button variant="primary">Click me</Button>

Examples#

Primary#

Secondary#

Outline#

Ghost#

Destructive#

Brand Colors#

Sizes#

With Icon#

Icon Only#

Loading#

As Child#