DSM-Storybook Live Components Demo
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 an example library implementation in Vue that is pre-configured for the @dsm-storybook plugin. This has been updated to include Design Tokens.
Setup
Install the packages using npm or Yarn:
npm install
Preview
To run the 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 components in DSM.
You'll need to setup the keys for your DSM project and then run:
npm run dsm-storybook:publish
License
MIT
[ Credit ]
Designed by Zoe Adelman and Zach Hauer. Additions by Tim Hacker