Quick Reply Blueprint
Static open-state blueprint of a compact inline reply composer with canned-reply chips and an edit-before-sending note.
Static open-state blueprint of a compact inline reply composer with canned-reply chips and an edit-before-sending note.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Quick Reply Blueprint renders the reply composer open inline below Priya Nair's email about the Q2 roadmap review, as static markup with no Radix portals. Three canned-reply chips sit above the body area: Looks good, thanks!, Will review by EOD, and Can we schedule a call?. The first chip is active and its text pre-fills the composer with a blinking cursor. An honest note at the bottom reads: quick replies are templates, edit the text before sending so your reply fits the context.
The thread object and cannedReplies array are plain const data. The blueprint pattern keeps the preview iframe safe because no portal escapes the root div.
Reach for this block as the open-state blueprint for a quick-reply panel, wired to your real message thread and canned-reply store. Swap the static aria-pressed state for client useState when you ship the live feature.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the inline quick-reply composer below an open email. Other blueprint surfaces:
Tip: the honest note is load-bearing, a user who sends a template verbatim will eventually embarrass themselves, the warning is cheaper than the apology.