DUSearch
FormsSearch field with icon and Enter-to-search.
import { DUSearch } from 'deri-ui';Live preview
typescript
<DUSearch placeholder="Search…" onSearch={(q) => {}} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| onSearch | (value: string) => void | — | Fires on Enter |
| radius | DURadius | 'md' | Corner radius |
| ...input | search attrs | — | Native props |
Usage
import { DUSearch } from 'deri-ui';
<DUSearch placeholder="Search…" onSearch={(q) => {}} />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.