Input

Component

Text input field with label, placeholder, and validation states.

Installation & Usage

Basic Usage

import { Input } from 'dotti'

<Input 
  label="Email"
  placeholder="Enter your email..."
  value={email}
  onChange={(e) => setEmail(e.target.value)}
/>

Examples

Basic Input

Standard input field with label and placeholder.

Username

Code

const [value, setValue] = useState('')

<Input 
  label="Username"
  placeholder="Enter username..."
  value={value}
  onChange={(e) => setValue(e.target.value)}
/>

Props

TypeScript Support

All components are fully typed with TypeScript. Check your IDE for prop suggestions and documentation.