Skip to main content
Version: Next 🚧

How do I exclude items?

Two props, two different jobs.

excludeItems: hide them completely​

Items whose valueField matches anything in excludeItems do not render at all.

<Dropdown
  data={all}
  excludeItems={archived}
  labelField="label"
  valueField="value"
  onChange={(item) => setValue(item.value)}
/>

Items in excludeSearchItems stay in the list but are never returned by search matches.

<Dropdown
  search
  data={all}
  excludeSearchItems={pinned}
  labelField="label"
  valueField="value"
  onChange={(item) => setValue(item.value)}
/>

Typical use: pinned or "featured" items that should always be visible but shouldn't clutter search results when the user types.