Step

Step number, title and copy.

Marketing

Pack defaults

With content

In context

Source

import { Step } from "demo-landing/components";

const props = {
  "number": 1,
  "title": "Connect your calendars",
  "body": "Bring in the calendars your team already uses."
};
<Step {...props} />

Live CSS

Injected into the previews above. Step

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */