Atoms

Combobox

A combobox with search built on Command and Popover.

FormanceCustom component built for Formance products.

Installation#

npx shadcn@latest add @formance/combobox

Install the following dependencies:

npm install lucide-react

Copy and paste the following code into your project.

Update the import paths to match your project setup.

Usage#

import { Combobox } from '@/components/ui/combobox'

<Combobox
  groups={[
    { label: 'Main Ledger', value: 'main-ledger' },
    { label: 'Test Ledger', value: 'test-ledger' },
  ]}
  label="Select ledger"
  placeholder="Search ledgers..."
/>