Dropdown Search

A searchable dropdown for handling long lists of options with local filtering.

Searchable List

Includes a sticky search input, empty states, and scrollable content area.

1import { useState } from "react";
2import {
3 Dropdown,

Command Menu Style

A rich command palette interface with groupings and keyboard shortcuts, ideal for workspace switchers.

1import { useState } from "react";
2import {
3 Dropdown,

User Assignment Picking

A specialized list for filtering users with avatar support and detailed metadata.

1import { useState } from "react";
2import {
3 Dropdown,

Installation

npx zeroui@latest add dropdown-searchable

DropdownSearchInput Props

Props

nametypedefaultdescription
valuestringundefined-
onChange(e) => voidundefined-
placeholderstring"Search..."-
autoFocusbooleanfalse-
classNamestring--