zedkit
@zedtech/zedkit-ui

Pick many searchable options

Searchable multi-select with removable chips, shared empty/loading states, keyboard support.

alpha

At a glance

  • Who: Filters and tag pickers where several values apply.
  • What: Searchable multi-select with removable chips, shared empty/loading states, keyboard support.
  • Use when: Tag filters, multi-assignee fields, facet pickers.
  • Avoid when: For a single value — use Combobox or Select.
  • See also: Search and pick one option, Toggle a checkbox or a switch

Preview

@zedtech/zedkit-ui — MultiSelect, MultiSelectProps, ComboboxOption

Preview

Docs

1 tag(s) selected.

View props table

Install

pnpm add @zedtech/zedkit-ui

Latest: 0.6.4 (via changesets).

Example

Usage
import { MultiSelect, type ComboboxOption } from "@zedtech/zedkit-ui";
const tags: ComboboxOption[] = [{ value: "docs", label: "Docs" }];
<MultiSelect options={tags} value={picked} onValueChange={setPicked} aria-label="Tags" />;

Wraps: downshift, @radix-ui/react-popover

Props

Prop

Type

Search and pick one option

Searchable single-select combobox with popover list, empty and loading rows, keyboard navigation.

Collect multi-line text input

Labelled multi-line textarea with consistent styling.

On this page

At a glancePreviewInstallExampleProps