Skip to main content

Components

Every React component the SDK exports for the happy path.

Provider chain​

Mount these once near the root of your embed. Everything else nests inside.

  • <RiftProvider> — cross-cutting SDK runtime: API base URLs, theming, locale, callbacks, optional auth.
  • <RiftEvent> — event scope: takes the eventId, eagerly loads Stripe.js for paid events.

Display​

Reservation flow​

  • <AvailabilityList> — flat per-ticket-type picker (waves collapsed).
  • <TicketRow> — single ticket-type row: name + "from $X" price + quantity stepper. Rendered by the list default; mount directly for custom layouts.
  • <EstimateBreakdown> — pre-reservation hierarchical breakdown with the wave-split greedy-fill math, grand total, and disclaimer.
  • <CaptchaWidget> — single-use Altcha challenge.
  • <ReserveButton> — submits the reservation built from the current selection.
  • <ReservationSummary> — post-reservation breakdown; shares the render primitive with <EstimateBreakdown>.
  • <PriceChangedWarning> — surfaces a server-side price delta between the picker's estimate and the reservation's actual total.
  • <Countdown> — per-second MM:SS countdown to the reservation's expiry.

Checkout​

  • <CheckoutForm> — branches free vs paid, mounts Stripe Elements when needed, fires the configured callbacks on success/failure.