⚠️ This project is no longer actively supported.

DSM-Storybook Live Components Example

Reference implementation for InVision's DSM Live Components feature. The feature allows embedding Storybook stories in DSM to create a single source of truth for your product teams across design and development.

This repository includes example library implementations in React, Vue and Angular that are pre-configured for the @dsm-storybook plugin.

Setup

In the selected sample directory run

npm install

# If you are on npm 7 and run into dependency mismatch errors you may need to use legacy
# dependency resolution. As of April 06, 2021, there are outstanding issues in npm and Storybook
# to resolve some dependency bugs.
npm install --legacy-peer-deps

Preview

To run the sample Storybook with dsm-storybook integration locally, run:

npm run dsm-storybook:preview

Publish to DSM

Follow the steps documented in the Getting started with live components article to embed the example components in DSM.

License

MIT

---

[ Credit ]

Designed by Zoe Adelman and Zach Hauer.