DUPassword
FormsPassword field with show/hide toggle.
import { DUPassword } from 'deri-ui';Live preview
typescript
<DUPassword label="Password" placeholder="••••••••" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | — | Label |
| error | string | — | Error text |
| radius | DURadius | 'md' | Corner radius |
Usage
import { DUPassword } from 'deri-ui';
<DUPassword label="Password" placeholder="••••••••" />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.