Circle UI

Booking Timeline

Booking timeline composition primitive matching the Figma flow.

Start here for the complete booking timeline. The other booking timeline entries are targeted sub-parts for custom compositions.

Preview and code

Loading preview...

Install

If this is your first Circle install, start with Get started.

pnpm dlx shadcn@latest add @blocks/booking-timeline

Use this when

This is a composed surface. Prefer the parent block when you want the full pattern, and reach for the sub-parts only when you need to customize the composition.

Dependencies

Registry

@blocks/map
@circle-ui/button
@circle-ui/utils

Source

The raw JSON payload powering this entry — useful when debugging registry output.

registry/berlin/blocks/booking-timeline.tsx
pnpm dlx shadcn@latest add https://registry.circle.health/blocks/booking-timeline.json
Open /blocks/booking-timeline.json