Command Menu

Search documentation, components, and switch theme.

Atoms

Eyebrow

A small label component with a colored square indicator.

Formance
Docs

Installation#

npx shadcn@latest add @formance/eyebrow

Install the following dependencies:

npm install class-variance-authority radix-ui

Copy and paste the following code into your project.

Update the import paths to match your project setup.

Usage#

import { Eyebrow } from '@/components/ui/eyebrow'
<Eyebrow>LEDGER</Eyebrow>

Examples#

Underscore#

Slash#

Variants#

Sizes#

With Content#