Deck
Browse the catalog

Experience / Networking

Book with Team

  • page
  • play-fn

Not exported from @meetcard/deck — this is a composed screen, built from the components below rather than shipped as one.

Stories

Every preview below is the real component, rendered in this page from the same story Storybook runs. The width control resizes each preview's container; CSS media queries still follow the browser window, so breakpoint behaviour is worth checking in Storybook.

Default
Source
const Default = () => <BookWithTeam />;

Team mode is the individual flow with one step inserted, and the claim the component is built on is that the two converge once a person is chosen. The only way to check that is to walk to the team step and watch the header stop saying the company's name and start saying theirs.

Routing To A Person
Source
const RoutingToAPerson = () => <BookWithTeam />;

The summary's edit affordances go back to the step that set each answer — the one route through the flow that isn't the CTA.

Editing From The Summary
Source
const EditingFromTheSummary = () => <BookWithTeam />;

Open in Storybookfor controls, the a11y panel and the interaction runner.