ManyChat UI Kit
Quick start
Detailed instructions can be found in Contribution Guide
Install
- Run
npm ci
to install dependencies - Link current directory to the global
npm
-scope with the command npm link
Run Storybook
Tool for visual components and styles testing
- Run
npm install --no-save @manychat/icons
to install @manychat/icons peer dependency - Run Rollup watcher:
npm run rollup:watch
- Run Storybook live server:
npm run storybook:start
- Open Storybook at http://localhost:9001
Run Gatsby
Local version of https://design.manychat.com
- Run Rollup watcher:
npm run rollup:watch
- Run
npm run gatsby:install
to install Gatbsy dependencies - Run Gatsby live server:
npm run gatsby:start
- Open Gatsby at http://localhost:8000