DUPromptInput
AIMulti-line AI prompt composer with send action.
import { DUPromptInput } from 'deri-ui';Live preview
typescript
<DUPromptInput onSubmit={(text) => ask(text)} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| onSubmit | (value: string) => void | — | Send handler |
| loading | boolean | — | Disable while streaming |
| placeholder | string | — | Placeholder |
Usage
import { DUPromptInput } from 'deri-ui';
<DUPromptInput onSubmit={(text) => ask(text)} />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.