ComponentReactregistry:ui
Input Group
input-group
Composable input shell: InputGroup carries the field appearance with 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg) and 3 tones (neutral, success, danger); InputGroupInput/InputGroupTextarea render transparent controls inside; InputGroupAddon places icons, text or buttons at inline-start, inline-end, block-start or block-end; InputGroupText and InputGroupButton for addon content.
This item declares no source files.
Notes from the author
Use for icons or actions inside a text field: leading search icon, trailing clear button, kbd hints, prefixes like https://. Focus and invalid state lift from the inner control to the group border. Use FileInput for file uploads instead.
1 example
See it in use
Used by 1 item
Built on Input Group
Other @ai2 items that list this one as a dependency.
@ai2
