Scroll-synced code walkthroughs

You can build scroll-synced code walkthroughs with the new <ScrollWalkthrough> component. Prose steps flow down the page while a code panel stays pinned beside them, following the reader’s scroll position. Use this component for quickstarts and integration guides where successive steps add to the same few files.

  1. Install the SDK

    Add the Plant Store SDK to your project.

  2. Create the client

    Point the client at your garden with an API key.

    1. Import the client.
    2. Construct it with your API key.
  3. Add a plant

    Create your first plant record. The wateringDays interval drives care reminders.

$npm install @plantstore/sdk
Read the docs