Invite RSVP Card
Incoming invitation card showing the organizer, event details, and a conflict warning, closing with accept, maybe, decline, and propose new time actions.
Incoming invitation card showing the organizer, event details, and a conflict warning, closing with accept, maybe, decline, and propose new time actions.
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
Invite RSVP Card is a single incoming invitation awaiting the viewer reply: Priya Nair has invited them to the Q3 roadmap review on Tuesday, June 23 from 2:00 pm to 2:45 pm. The header names the organizer with her email and a sent time, the body carries the event title, a one line summary, and a date, time, and call link list, and a conflict warning flags that the slot overlaps a design review already on the viewer calendar.
Detail rows are one const array of icon and text pairs. The conflict notice earns its space by naming the exact clashing event and its hours rather than a generic busy flag, and the actions close with Accept, Maybe, and Decline plus a Propose a new time escape hatch.
Reach for this block as the invitation prompt a guest sees in email or in app before they commit. Wire the organizer and event fields to your invite record, the conflict check to the viewer calendar, and the buttons to your RSVP mutation.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the calendar invite prompt in a scheduling tool. Other invite card uses:
Tip: surface the calendar conflict before the buttons, not after; a guest who sees the overlap first makes a better call on which reply to send.