Design systems meetup: tokens in practice
Wednesday, NOV 18, 6:30 PM – 8:30 PM UTC
The Print RoomRua das Flores 12
Hosted by Priya Rao
going · maybe
Event Card
Event card with a tear-off date leaf, time range in the event's time zone, venue or online location, avatar stack, RSVP control that updates rolling counts, an add-to-calendar menu, and past and cancelled states.
Preview
Quarterly roadmap review
Friday, NOV 20, 10:00 AM – 11:00 AM UTC-05:00
Join video calllink opens 10 min before
going · maybe
Accessibility office hours
EndedThursday, OCT 29, 1:00 PM – 2:00 PM UTC
Video call
went
Rooftop launch party
CancelledFriday, NOV 27, 7:00 PM UTC
Studio terrace
Moved to spring because of the weather. We'll send a new invite.
went
RSVP to see counts update
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Event title; names the card. |
| start / end | Date | number | string | — | Start and optional end time. |
| timeZone / locale | string | "UTC" / "en-US" | Zone and locale for the date leaf, times and zone label. |
| location | { type: "online" | "venue"; label; detail?; href? } | — | Venue or online link with an optional detail line. |
| host / attendees | string / { name; initials? }[] | — | Host line and the avatar stack. |
| counts | { going?; maybe?; no? } | {} | Counts before the viewer's own answer. |
| rsvp / defaultRsvp / onRsvpChange | "going" | "maybe" | "no" | — | The viewer's answer; counts move with it. |
| onAddToCalendar | (target: "app" | "ics" | "link") => void | — | Add-to-calendar menu actions. |
| status / cancelReason | "upcoming" | "past" | "cancelled" / string | "upcoming" | Past closes RSVP; cancelled strikes the title and shows the reason. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.