Combo box

A select with type-to-filter. Aligned with J&J DS v1.2 (Figma 13601:21197). Single and multi-select via the multiple prop. For a plain non-searchable select, use Dropdown.

Single select — sizes

Show source

<ComboBox size="md" options={DRUGS} placeholder="Search drug…" />

With Field — error / warning / disabled

Drug

Type to search the formulary

Drug

Drug is required

Drug

Off-formulary — needs PA

Drug

Show source

<Field label="Drug" status="error" message="Drug is required">
  <ComboBox options={DRUGS} />
</Field>

Multi-select

Pass `multiple` to allow multiple selections; the trigger shows a count chip + comma list.

Conditions

Show source

<ComboBox multiple options={CONDITIONS} placeholder="Select conditions…" />

Empty results

Override the empty-state copy when the query yields no matches.

Show source

<ComboBox options={DRUGS} emptyMessage="No drugs match your search" />