AI · Application UI
Prompt Input
A composable AI chat prompt input with density-aware composer layout, textarea, file attachments, action menu, model select, speech-to-text, and slash-command primitives built on byronwade/ui input-group, select, dropdown-menu, hover-card, and command.
@byronwade/foundation@byronwade/demo-viewport@byronwade/utils@byronwade/button@byronwade/command@byronwade/dropdown-menu@byronwade/hover-card@byronwade/input-group@byronwade/selectai@phosphor-icons/reactnanoid
Adapted from Vercel AI Elements , the original components, repurposed onto the byronwade/ui design system (semantic tokens, dark mode, small subtle refinements). © Vercel.
Feature showcase
Installation
Features
1 example
Default.
API
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/demo-viewport | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
| @byronwade/button | registry | Installed through the byronwade/ui registry. |
| @byronwade/command | registry | Installed through the byronwade/ui registry. |
| @byronwade/dropdown-menu | registry | Installed through the byronwade/ui registry. |
| @byronwade/hover-card | registry | Installed through the byronwade/ui registry. |
| @byronwade/input-group | registry | Installed through the byronwade/ui registry. |
| @byronwade/select | registry | Installed through the byronwade/ui registry. |
| ai | npm | Installed from npm. |
| @phosphor-icons/react | npm | Installed from npm. |
| nanoid | npm | Installed from npm. |
Source and related
| File | Path |
|---|---|
| Component | registry/components/ai-prompt-input.tsx |
| Default example | content/examples/ai-prompt-input/default.tsx |