VoipLabs Design System
We use Storybook for the website of the design system.
We use Rollup (instead of webpack) for building the modules/library
Usage
import { Button } from "@voiplabscom/design"
import { Search as SearchIcon } from '@voiplabscom/design/lib/icons-material';
Development
Install and link:
git clone git@github.com:voiplabscom/voiplabscom-design.git
cd voiplabscom-design
yarn install
yarn link
Run in development:
# run storybook for viewing all components
yarn storybook
# run Module bundler (for `import { Button } from "@voiplabscom/design"`)
# - outputs to lib/ directory
yarn build-watch
# in Internal/etc (app)
yarn link "@voiplabscom/design"
Publishing package to NPM
Enables import { Button } from "@voiplabscom/design"
Creating a new Release on GitHub will trigger an NPM Publish via .github/workflows/main.yml
Publishing Storybook (to vercel)
# Test locally and Build storybook
yarn storybook
yarn build-storybook
Push the main
branch to github, and the storybook-static/
directory will be built and used