Studiov0.6.0

InputGroup

Tier 1 — shadcn
Inputs

Combines an Input with prefix/suffix icons or text for context-rich inputs.

Live Preview

$

Code

import { InputGroup } from "@regen/ui";

<InputGroup />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Search with magnifier icon
  • •Currency inputs with $ prefix
  • •URL fields with https:// prefix

Do

  • ✓Use for inputs that need contextual decoration
  • ✓Keep prefix/suffix concise

Don't

  • ✗Don't put interactive elements in prefix/suffix — use separate Button
  • ✗Don't overload with both prefix and suffix