Autocomplete

@summonware/ui · autocomplete · P2 · Forms

Usage

A type-ahead combobox that filters options as the user types, rather than a static dropdown they scroll through — the right control once a list is too long to scan (a customer directory, a product catalogue), not a `Select` replacement for a short fixed list.
import { Autocomplete } from '@summonware/ui';

Best practices

DoUse `description` for the second identifying detail (an email, an account number) — the label alone is often ambiguous across a real dataset.
Don'tUse this for a list under ~10 items. `Select` is simpler and does not need a network round trip or client-side filter to feel instant.

Examples

Common configurations, variations and states.

Customer lookup

Type a few letters to narrow the list.