Dropdown

Single-select control backed by Radix Select. Aligned with J&J DS v1.2 (Figma 17477:19898). For free-form search use ComboBox; for multi-select use MultiSelectDropdown.

Sizes

Show source

<Dropdown defaultValue="us">
  <DropdownTrigger size="sm"><DropdownValue placeholder="…" /></DropdownTrigger>
  <DropdownContent>…</DropdownContent>
</Dropdown>

With Field — label + helper + states

Region

Helper text (optional)

Region

Region is required

Region

Region overrides default

Show source

<Field label="Region" status="error" message="Region is required">
  <Dropdown>
    <DropdownTrigger><DropdownValue placeholder="Choose region" /></DropdownTrigger>
    …
  </Dropdown>
</Field>

Groups + separators + disabled item

Country

Show source

<DropdownContent>
  <DropdownLabel>Americas</DropdownLabel>
  <DropdownGroup>
    <DropdownItem value="us">United States</DropdownItem>
    <DropdownItem value="br" disabled>Brazil (paused)</DropdownItem>
  </DropdownGroup>
  <DropdownSeparator />
  <DropdownLabel>EMEA</DropdownLabel>
  …
</DropdownContent>