DUInput
FormsLabeled text field with hint and error states.
import { DUInput } from 'deri-ui';Live preview
Work email preferred
typescript
<DUInput label="Email" type="email" placeholder="you@acme.com" hint="Work email" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | — | Field label |
| hint | string | — | Helper text |
| error | string | — | Validation message |
| radius | DURadius | 'md' | Corner radius |
| ...input | InputHTMLAttributes | — | Native input props |
Usage
import { DUInput } from 'deri-ui';
<DUInput label="Email" type="email" placeholder="you@acme.com" hint="Work email" />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.