basecn
Components

Input Group

Display additional information or actions to an input or textarea.

12 results
https://
52% used

Installation

pnpm dlx shadcn@latest add https://basecn.dev/r/input-group.json
or

If you are using a namespaced registry, you can use the following command:

pnpm dlx shadcn@latest add @basecn/input-group

Examples

Icon

Text

$
USD
https://
.com
@company.com
120 characters left

Button

https://

Tooltip

Textarea

Line 1, Column 1
script.js

Spinner

Saving...
Please wait...

Label

Button Group

.com

Custom Input

Migrating from Radix UI

Common Migration Steps

All components share several migration patterns when moving from Radix UI to Base UI. Before proceeding with component-specific changes, review the essential migration patterns.

Familiarizing yourself with these patterns will make the component-specific migration steps much clearer.