@shelf.network/ui-kit

ui-kit

Check out the live demo.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

Run eslint:

npm run lint

Run eslint with autofix:

npm run lintfix

Run stylelint:

npm run lint

Run stylelint with autofix:

npm run lintfix

New Icons

To add new icons:

• Upload selection.json to icomoon.io/app
• Add new SVG files (drag-and-drop).
• Press "Generate Font" and download zip.
• Move /fonts/uikit.* files to /src/assets/fonts/
• Move /selection.json files to /src/assets/fonts/selection.json (to keep project file in repository for future use).
• Pick new characters from variables.scss and add it to /src/styles/icons.scss.
• Add new icon name to src/components/UiIcon/readme.md.
• Make sure it renders correctly in all target browsers.

Current collection of icons in Figma.

IcoMoon Project setting with all icons sources stored in /src/assets/fonts/selection.json. Keep this file up to date each time when generating new fonts.