For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
0
Sponsor

Combobox

PreviousNext

Autocomplete input and command palette built by composing the Popover and Command.

"use client";

import { CheckIcon, ChevronsUpDownIcon } from "lucide-react";
import { useState } from "react";

import { Button } from "@/components/button/button";

The Combobox is built by composing Popover and Command. There is no separate component to install — add the building blocks and compose them.

Installation

$ pnpm dlx shadcn@latest add https://shadcn-cssinjs.vercel.app/r/popover.json
npx shadcn@latest add https://shadcn-cssinjs.vercel.app/r/command.json

RTL

To enable right-to-left support, see the RTL guide.

"use client";

import { CheckIcon, ChevronsUpDownIcon } from "lucide-react";
import { useState } from "react";

import { useTranslation } from "@/components/language-selector";

API Reference

The Combobox is composed from the Popover and Command components. See their API references for the available props.