Studiov0.6.0

Input

Tier 1 — shadcn
Inputs

A standard text input field with consistent styling across all form contexts.

Live Preview

Code

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

<Input />

Props Inspector

Enter value...
false

Documentation

Use Cases

  • •Single-line text fields
  • •Search boxes
  • •Name/email fields in forms

Do

  • ✓Always pair with Label for accessibility
  • ✓Use type='email', 'password', etc. for validation

Don't

  • ✗Don't use for multiline text — use Textarea
  • ✗Don't remove focus ring for accessibility