Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/invisionapp/dsm-storybook-example-library

dsm dsm-storybook invisionapp open-source storybook

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/invisionapp/dsm-storybook-example-library
Owner: InVisionApp
License: mit
Created: 2019-05-07T09:02:49.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2023-05-12T00:35:05.000Z (over 1 year ago)
Last Synced: 2024-04-28T06:13:45.447Z (9 months ago)
Topics: dsm, dsm-storybook, invisionapp, open-source, storybook
Language: JavaScript
Size: 2.73 MB
Stars: 93
Watchers: 103
Forks: 53
Open Issues: 8
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.txt
- Codeowners: CODEOWNERS

Awesome Lists containing this project

README

# DSM-Storybook Live Components Example

![Version: 1.0.0](https://img.shields.io/badge/version-1.0.0-brightgreen.svg)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/InVisionApp/dsm-storybook-example-library/blob/master/LICENSE.txt)

Reference implementation for InVision's [DSM Live Components feature](https://support.invisionapp.com/hc/en-us/articles/360028214732). 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](https://www.npmjs.com/package/@invisionapp/dsm-storybook) plugin.

## Setup

In the selected sample directory run

```sh
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](https://support.invisionapp.com/hc/en-us/articles/360028509991) article to embed the example components in DSM.

## License

MIT

---
#### [ Credit ]