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 [email protected]: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