Combobox with clear

Selected value shows an inline X that clears without reopening.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

pnpm dlx shadcn@latest add @flx/command-06

Files

• registry/patterns/command/command-06.tsx
• src/components/ui/button.tsx
• src/components/ui/command.tsx
• src/components/ui/popover.tsx
• src/lib/utils.ts
• src/components/ui/dialog.tsx
• src/components/ui/input-group.tsx
• src/components/ui/input.tsx

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Command Palette Components
• React Command Palette Components
• Tailwind CSS Command Palette Components
• shadcn/ui Command Palette Components
• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• shadcn/ui Navigation Components

More from FLX UI

• Basic
• Command dialog
• Global search
• Async loading
• Combobox
• Multiple — chips
• Grouped picker
• Assignee picker
• Status picker
• With label
• React Hook Form + Zod
• TanStack Form + Zod