Combobox

inputs

An autocomplete input combined with a dropdown list for selecting from options.

Preview

Installation

npm install @launchapp/design-system

Import

import { Combobox } from "@launchapp/design-system";

Examples

Basic Combobox

const frameworks = [  { value: "react", label: "React" },  { value: "vue", label: "Vue" },  { value: "angular", label: "Angular" },];<Combobox  options={frameworks}  placeholder="Select framework..."  searchPlaceholder="Search frameworks..."/>

Props

Prop	Type	Default	Description
`options`*	`ComboboxOption[]`	—	Array of options with value and label.
`value`	`string`	—	Controlled selected value.
`onValueChange`	`(value: string) => void`	—	Callback when value changes.
`placeholder`	`string`	`"Select..."`	Placeholder text when no value is selected.
`searchPlaceholder`	`string`	`"Search..."`	Placeholder for the search input.
`emptyMessage`	`string`	`"No results found."`	Message shown when no options match the search.
`disabled`	`boolean`	`false`	Disables the combobox.
`size`	`"sm" \| "md" \| "lg"`	`"md"`	Size of the trigger button.

← PreviousCollapsible

Next →Command