Back to Prompt Area
Blog
Guides on building AI chat inputs and prompt UIs in React — mentions, slash commands, structured output, and practical migrations.
6 min read
How to Add Slash Commands to a React Input
Slash commands turn a chat input into a control surface. Here is how to add a / command menu to a React textarea with start-of-line detection and clean structured output.
Read article7 min read
A Modern react-mentions Alternative (with Migration Guide)
react-mentions has powered @mentions in React for years, but it only does mentions and its last major release was in 2022. Here is a modern alternative and a step-by-step migration.
Read article8 min read
How to Build an AI Chat Textarea in React with @Mentions
Modern AI apps need a chat input that does more than hold text — @mentions, /commands, attachments, and clean structured output. Here is how to build one in React without dragging in a full editor framework.
Read article