Skip to content
AI & Chat
E. AI & Chat

Prompt Input

Slash commands, @-mentions with context pills, an ask / agent / edit switch, the model card with a context meter, and a hero launcher with recent prompts.

5 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash
npx @wunderui/cli add ai/prompt-input

01Slash command composer

Uses: SlashCommandMenu · PromptInput · ChatMessage

components/blocks/ai/prompt-input/01-slash-commands.tsx

02Mention context

Uses: MentionPicker · ContextPill · PromptInput

components/blocks/ai/prompt-input/02-mention-context.tsx

03Mode switcher

Uses: PromptModeSwitch · PromptInput

components/blocks/ai/prompt-input/03-mode-switcher.tsx

04Model, tools and tokens

Uses: ModelSelect · ContextMeter · Popover

components/blocks/ai/prompt-input/04-model-tools-tokens.tsx

05Hero launcher with history

Uses: PromptInput · ContextPill · Button

components/blocks/ai/prompt-input/05-hero-launcher.tsx

← AI Usage