Event Detail Panel
Full read view of a calendar event with a header, agenda and attachments column, a guest list with RSVP state, and viewer response buttons.
Full read view of a calendar event with a header, agenda and attachments column, a guest list with RSVP state, and viewer response buttons.
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
Event Detail Panel is the full read view of a single calendar event, the Product sync: billing flow that runs Thursday, June 18 from 10:00 am to 10:40 am. The header carries the title, time, a Weekly on Thu recurrence badge, a 10 min reminder badge, and a Join call button over the meeting link. The body splits into an agenda of three timed items and two attachments on the left and a five person guest list with per person RSVP state on the right, and a footer asks the viewer whether they are going.
Guests, agenda items, and attachments are each one const array; a small RSVP label map turns the raw state into Going, Maybe, Declined, or Awaiting reply. The status dot beside each guest is styled straight from the rsvp value, so a swapped-in guest list redraws the panel without extra markup.
Reach for this block when a person clicks into an event and needs the whole picture before they respond. Wire the header fields to your event record, the guest list to your attendee table, and the footer buttons to your RSVP mutation.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the expanded event view for a calendar app. Other event detail uses:
Tip: keep the viewer RSVP row in the footer even when they have already replied; a one tap change beats making them hunt for a menu.