Event RSVP, day agenda and meeting countdown cards — a sliding RSVP control you join with a spring, a live now marker and a rolling countdown that goes live at zero.
Event RSVP
rsvp.tsxDate tile, time and place, an attendee stack you spring into when you answer Going and a sliding three-way RSVP.
| Prop | Type | Default | Description |
|---|---|---|---|
title / host / time / location | string | — | Event details. |
month / day | string | — | Date tile text. |
attendees | string[] | — | Initials of people going; the first four are shown. |
goingCount | number | 41 | Going total, excluding you. |
defaultAnswer | "going" | "maybe" | "declined" | null | null | Initial RSVP. |
onAnswer / onAddToCalendar | function | — | Handlers. |
Day agenda
agenda.tsxTimeline of the day with a now marker, a progress fill on the event in progress and rows that expand in place to join or see who is coming.
| Prop | Type | Default | Description |
|---|---|---|---|
dayLabel / dateLabel | string | — | Header text. |
events | { id; title; start; end; where?; people?; online? }[] | — | Times in minutes from midnight. |
now | number | 640 | Current minute of the day; advances every minute. |
onJoin | (id: string) => void | — | Join button on an online event in progress. |
Meeting countdown
meeting.tsxUpcoming call with a rolling countdown, pre-join mic and camera toggles, a copy-link button and a join button that lights up at zero.
| Prop | Type | Default | Description |
|---|---|---|---|
title / time | string | — | Meeting details. |
startsIn | number | 185 | Seconds until start; counts down after mount. |
people | { initials; name; joined? }[] | — | Invitees; joined ones get a presence dot. |
defaultMicOn / defaultCameraOn | boolean | false / true | Pre-join device state. |
link | string | — | Copied by the link button. |
onJoin | (opts: { mic; camera }) => void | — | Join handler. |
Install the whole set
Installs every event cards variant at once. Each section above has its own command for a single variant.
Pro installs use your private registry token. Add the @geturui-pro registry once — setup guide. The command works after you get Pro.
Accessibility
- RSVP options are a radiogroup with arrow-key navigation; agenda rows are buttons with aria-expanded.
- The countdown uses role=timer with a minute-level label so screen readers are not flooded every second.
- Reduced motion disables the digit roll, avatar spring and progress sweep.