Kits

Booking

Booking components for availability, slot selection, scheduling flows, and booking management experiences.

Purpose

The Booking kit provides components for service-based experiences where users book time, not products. It covers patterns for exploring services, selecting dates and time slots, and managing bookings.

The kit uses the shared UI Kit variables to keep scheduling UI consistent with the rest of the storefront.

What’s inside (typical)

  • Availability views (calendar/day/week patterns depending on setup)
  • Slot selection components
  • Step-based booking flow sections (summary, confirmation, policies)
  • Booking management UI (upcoming/past bookings, reschedule/cancel patterns)

Best practices

  • Treat constraints (lead times, buffers, time zones) as first-class UX states.
  • Keep naming stable so the booking flow stays consistent across design and code.