Skip to content
A design system template for the SugUI components library based on styleguidist
Branch: master
Clone or download
Latest commit 9282994 Feb 5, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets added og tags Jan 30, 2019
src Fixed mobile menu links Feb 5, 2019
.babelrc first push Jan 29, 2019
.editorconfig
.eslintignore first push Jan 29, 2019
.eslintrc.js
.gitignore
.travis.yml Update .travis.yml Feb 5, 2019
LICENSE Create LICENSE Jan 29, 2019
README.md
package.json Fixed mobile menu links Feb 5, 2019
styleguide.config.js Fixed mobile menu links Feb 5, 2019
yarn.lock added logos Jan 30, 2019

README.md

PRs Welcome Build Status

sugUI Design System

This package works together with the sugUI components library.

What can I do with this package?

Most users would fork this repo to create their custom design system based on the sugUI components library. If that's the case, you might want to setup your local environment to have both packages working together with hot reloading.

Local environment setup

First of all, clone this repository in your computer and install the dependencies using yarn or npm i.

Then clone the sugUI package into your computer. Keep the name of the folder as sugui. It should look something like this:

  • /users/your-user/dev/sugui
  • /users/your-user/dev/sugui-design-system

Now you need to create a symbolic link to the sugUI library.

Go to the /sugui folder and type:

yarn link

Then go to /sugui-design-system/node_modules folder and type:

yarn link sugui

Done!, now your sugui folder in node_modules will reference your cloned sugui folder, rather than the one downloaded from npm.

Now you can run the styleguide with yarn run styleguide and it will trigger the Hot Reload every time you change anything in sugui or in sugui-design-system.

Production build

Type:

yarn run styleguide:build

Deploy to Github pages

yarn run deploy
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.