83Build a multi-select dropdown with search and tags

Build <MultiSelect options={options} value={selected} onChange={setSelected} label="Skills" />, a controlled multi-select. options is an array of { value, label }; value is an array of selected values.

• Selected options appear as tags; each tag has a remove button labelled Remove {label}.
• An <input role="combobox" aria-label={label}> filters the options as you type (case-insensitive, on the label) and opens a <ul role="listbox" aria-multiselectable="true">.
• Each option is <li role="option" aria-selected>; clicking it toggles it.
• ArrowDown and ArrowUp move an active option (exposed with aria-activedescendant), Enter toggles it, Escape closes the list.
• Backspace in an empty input removes the last selected value.
• When the filter matches nothing, show <li>No matches</li> (not an option).