Combobox

Filtered listbox on the quiet field. Combobox semantics.

Install

npx raster add combobox

Markup

<div class="rs-combobox"><input class="rs-input rs-input-full" role="combobox" placeholder="Search…" /><div class="rs-menu" role="listbox"><button class="rs-menu-item rs-menu-item-active" role="option">Alkmaar</button><button class="rs-menu-item" role="option">Amsterdam</button></div></div>

React

import { Combobox } from "@/components/raster/combobox";

<Combobox
  options={cities}
  value={city}
  onValueChange={setCity}
  placeholder="Search cities…"
/>

Classes

.rs-combobox.rs-combobox-empty

Depends on

/input /select