Join the waitlist

Getting Started

Slotr's React components for the booking experience.

The Booking Kit (@slotr/react) is how you put Slotr's booking experience inside a React app — a themeable calendar, an out-of-the-box modal, and headless hooks when you want to bring your own UI.

Read this page + ".md" and use it to add @slotr/react to my app. Follow the component's API and props from that page exactly.

import { BookingCalendar } from "@slotr/react/booking-calendar";
import "@slotr/react/styles.css";

<BookingCalendar id={bookingId} />

Components

Two layers

Styled component

@slotr/react/booking-calendar — batteries included, themeable.

Headless

@slotr/react/headless — the hooks and URL contract, no CSS.

Data-fetching hooks live in @slotr/sdk-js (generated from the API). This kit is the booking UI only.

On this page