Pill-shaped input group with a category dropdown at the end

Pill-shaped input group with a category dropdown at the end.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

npx shadcn@latest add @reui/c-input-group-29

Files

• registry-reui/bases/radix/components/input-group/c-input-group-29.tsx
• registry/bases/radix/ui/dropdown-menu.tsx
• registry/bases/radix/ui/field.tsx
• registry/bases/radix/ui/input-group.tsx
• app/(create)/components/icon-placeholder.tsx
• lib/icon-library-store.ts
• registry/icons/icon-lucide.tsx
• registry/icons/icon-tabler.tsx

Source

https://github.com/keenthemes/reui

Categories

• Form Field Components
• React Form Field Components
• Tailwind CSS Form Field Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Text Input Components
• React Text Input Components
• Tailwind CSS Text Input Components

More from ReUI

• Autocomplete
• Basic autocomplete control
• Small autocomplete
• Large autocomplete
• Form integration
• Disabled state
• Auto highlight option as you type
• Control with label
• With clear button
• With trigger button
• With clear and trigger buttons
• With groups and labels