@project-1114/ui-kit

The purpose of this library

ui-kit for the Project-1114

Setup

• npm install --save-dev @project-1114/ui-kit@latest - add the lib into your react app.

Build of the project

• npm install - install the all node modules from package.json;
• npm run build:prod - build in production mode;
• npm run build:dev - build in development mode (+ run parallel process bundle analyzer);
• npm run storybook:build - build the all stories for each UI-component;
• npm run lint:ts:fix - check and fix all ESLint errors;
• npm run lint:scss:fix - check and fix all Stylelint errors.

Run the storybook

• npm run storybook - run the showcase for all UI-components.

UI-components

components

• Button
• TextField
• TextFieldPassword
• TextArea
• Checkbox
• RadioGroup
• Switcher
• Slider
• Link
• Dropdown
• ListBox
• Popover
• Skeleton
• Text
• Card
• Stack
• AppImage
• Icon

widgets

• ProgressBar
• Table
• Tape
• Navbar
• Accordion

utils

• Alert
• Modal
• ModalConfirm
• Notification
• Window

Dynamic names of classes for elements

• classNames