Form Async Combobox
Multiple assignment of reviewers with avatars, roles and teams in issue management.
About this block
What it's for
- Multiple assignment of reviewers with avatars, roles and teams in issue management.
- Tag and category picker with the option to create a new term on the fly.
- City or location autocomplete in billing forms with match highlighting.
Includes
- Controlled selection
- Single selection
- Multiple selection
- Removable chips
- Chip overflow collapse
- Disabled option protection
- Debounced search
- Race condition protection
Works with
- Radix UI primitives (the registry variant it ships in)
- React 19, Next.js App Router and Tailwind CSS 4, installed with the shadcn CLI
- Your theme tokens, in light and dark mode
Install
Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.
Agentic UI CLI
agentic-ui add form-async-comboboxInstalls through shadcn and adapts the component to your design tokens.
shadcn CLI
npx shadcn@4.17.0 add @agentic-ui/form-async-comboboxUsed in
A standalone component: drop it into any screen.
- Type
- Block
- Variants
- Radix UI
- Themes
- Light and dark
- Widths
- Preview it at desktop, tablet and mobile widths above.
- Motion
- Animated, with a reduced-motion fallback
- npm packages
cmdklucide-react- Registry dependencies
lib-primitives- Files
7 files
- components/agentic-ui/form-async-combobox/index.ts
- components/agentic-ui/form-async-combobox/types.ts
- components/agentic-ui/form-async-combobox/command.tsx
- components/agentic-ui/form-async-combobox/search.ts
- components/agentic-ui/form-async-combobox/use-async-options.ts
- components/agentic-ui/form-async-combobox/suggestion-input.tsx
- components/agentic-ui/form-async-combobox/async-combobox.tsx
Related components
Form Date Range Picker
Filter conversion and traffic metrics in analytics panels.
Details and live previewForm Field Array
Invoice lines with quantity, unit price and tax.
Details and live previewForm File Upload
Attach a CV and degree to an HR job application.
Details and live previewForm Inline Edit
CRM contact record where each field is edited in place.
Details and live preview