The purpose of this library

This library was created for using it inside frontend apps of servers GTA 5.

Setup

• npm install --save-dev @tr271v0r/ui-tool-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.

Run the storybook

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

UI-components

components

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

widgets

• ProgressBar
• Table
• Tape
• Sidebar
• Disclosure

utils

• Alert
• Modal
• ModalConfirm
• Notification
• Window

Dynamic names of classes for elements

• classNames