Skip to content

dev-chloe/toy-design-kit

Repository files navigation

Toy Design Kit  npm javascript style guide

How to use

# Clean install dependencies without editting lock files
npm ci

# Run Storybook
npm run storybook

How to build

# Build all: static storybook & react components library
npm run build

You need to check below contents before publishing

  1. Check static storybook
  2. Check react components library

Check static storybook

# Build storybook only
npm run build:storybook

# Host result, then check on browser
npm run storybook-static

Check react components library

# Build react components only
npm run build:design-kit

Check process using toy-web repository:

# At the root of other repository, in another terminal
cd ../toy-web

# Re-install built library
npm uninstall toy-design-kit
npm install ../toy-design-kit

# Re-run Next.js application
npm run dev

About

Implement Design Kit using Storybook from Figma

Topics

Resources

License

Stars

Watchers

Forks