Components
ReUI Input Group
ReUI Input Group with the first 10 official ReUI examples, preserved from the MIT-licensed source registry.
import { Field } from "@/components/ui/reui-input-group-utils/field"
import {
InputGroup,
InputGroupInput,
} from "@/components/ui/reui-input-group"
export default function Pattern() {
return (
<Field className="max-w-xs" data-disabled="true">
<InputGroup>
<InputGroupInput placeholder="Disabled field" disabled />
</InputGroup>
</Field>
)
}More examples
Basic input groupOpen page →
Input group in invalid stateOpen page →
Input group with prefix iconOpen page →
Input group with suffix iconOpen page →
Input group with both prefix and suffix iconsOpen page →
Input group with prefix text addonOpen page →
Input group with suffix text addonOpen page →
Input group with both prefix and suffix text addonsOpen page →
Input group with action button addonOpen page →
