Input Group
Open-source shadcn input group components for prefixed inputs, suffixed actions, and combined form controls.
Basic input group
блокBasic input group
Input group in disabled state
блокInput group in disabled state
Input group in invalid state
блокInput group in invalid state
Input group with prefix icon
блокInput group with prefix icon
Input group with suffix icon
блокInput group with suffix icon
Input group with both prefix and suffix icons
блокInput group with both prefix and suffix icons
Input group with prefix text addon
блокInput group with prefix text addon
Input group with suffix text addon
блокInput group with suffix text addon
Input group with both prefix and suffix text addons
блокInput group with both prefix and suffix text addons
Input group with action button addon
блокInput group with action button addon
Input group with icon button action
блокInput group with icon button action
Input group with dropdown menu selection
блокInput group with dropdown menu selection
Input group with keyboard shortcut (Kbd)
блокInput group with keyboard shortcut (Kbd)
Input group with tooltip action
блокInput group with tooltip action
Input group with loading spinner
блокInput group with loading spinner
Input group with block-start addon
блокInput group with block-start addon
Textarea input group with dynamic character limit
блокTextarea input group with dynamic character limit
AI Chat textarea with rich toolbar actions
блокAI Chat textarea with rich toolbar actions
AI Chat interface with file and context attachments
блокAI Chat interface with file and context attachments
Input group demonstrating label usage
блокInput group demonstrating label usage
Input group with multiple icons/buttons at the end
блокInput group with multiple icons/buttons at the end
Input group with popover trigger addon
блокInput group with popover trigger addon
Input group with Sparkles icon and complex Kbd shortcut
блокInput group with Sparkles icon and complex Kbd shortcut
Input group with success indicator circle
блокInput group with success indicator circle
Input group with search results count
блокInput group with search results count
Textarea input group with action buttons
блокTextarea input group with action buttons
Input group wrapped in a button group with text prefixes/suffixes
блокInput group wrapped in a button group with text prefixes/suffixes
Input group with a menu button (three dots) at the end
блокInput group with a menu button (three dots) at the end
Pill-shaped input group with a category dropdown at the end
блокPill-shaped input group with a category dropdown at the end
Input group with inline addons (no separating borders)
блокInput group with inline addons (no separating borders)
Input group with inline start and block-end addon
блокInput group with inline start and block-end addon
Member row with avatar, email and role selection
блокMember row with avatar, email and role selection
Project save interface with status and action buttons
блокProject save interface with status and action buttons
Pill-shaped AI prompt bar with voice and audio icons
блокPill-shaped AI prompt bar with voice and audio icons
Password input with visibility toggle
блокPassword input with visibility toggle
API request input with method selector and send action
блокAPI request input with method selector and send action
Order search input with status filter
блокOrder search input with status filter
Company search input with region selector
блокCompany search input with region selector
Contact search input with filter and actions menu
блокContact search input with filter and actions menu
Share link input with visibility selector and copy action
блокShare link input with visibility selector and copy action