DUInputGroup
FormsPrepend/append addons around an input.
import { DUInputGroup, DUInput } from 'deri-ui';Live preview
https://.com
typescript
<DUInputGroup prepend="$" append=".00"><DUInput /></DUInputGroup>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| prepend / append | ReactNode | — | Addon content |
| radius | DURadius | 'md' | Corner radius |
| children | ReactNode | — | Usually DUInput |
Usage
import { DUInputGroup, DUInput } from 'deri-ui';
<DUInputGroup prepend="$" append=".00"><DUInput /></DUInputGroup>Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.