Yami

Combobox

Autocomplete input with a list of suggestions.

Installation

Add the combobox component with the shadcn CLI.

npx shadcn@latest add https://yami.ui.unsanity.ai/r/combobox.json

Usage

import { Combobox } from "@/components/ui/combobox"

const fruits = [
  { value: "apple", label: "Apple" },
  { value: "banana", label: "Banana" },
]

<Combobox options={fruits} placeholder="Select fruit..." />

Examples

Default

Code

import { Combobox } from "@/components/ui/combobox"

const fruits = [
  { value: "apple", label: "Apple" },
  { value: "banana", label: "Banana" },
]

<Combobox options={fruits} placeholder="Select fruit..." />