Skip to content

About

Implement Design Kit using Storybook from Figma

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

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

Stars

1 star

Watchers

1 watching

Forks

Releases

Used by

Contributors

Languages