FormsFree

Autocomplete

An input that suggests options as you type.

Usage

Installation

bash

npm install @wunderui/react

Then import what you need:

tsx

import {
  Autocomplete,
  AutocompleteEmpty,
  AutocompleteInput,
  AutocompleteInputGroup,
  AutocompleteItem,
  AutocompleteList,
  AutocompletePopup,
  AutocompletePortal,
} from "@wunderui/react"

Examples

Combobox & Autocomplete

Searchable select with a trigger, and free-text autocomplete.

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Invite teammates

Names from the company directory are suggested as you type; invited people join the list below.

Invite teammates

Start typing a name from your company directory.

MLMira Lindqvist

API Reference

Prop	Type	Default
items	readonly Value[]	—
value / defaultValue	string	—
onValueChange	(value: string) => void	—

PreviousTrend Chip NextCalendar