vue-lib-ebp

Описание Проект содержит в себе библиотеку UI компонентов.
8,402
Install
npm install vue-lib-ebp
Latest Version:2.1.33
Vue:3
Last Updated:Oct 6, 2023
Links: npm
Maintainer: megabadcoder

UI-Kit (Test)

Описание

Проект содержит в себе библиотеку UI компонентов.

Как установить пакет в проект?! (Свободный доступ)

yarn

yarn add -D vue-lib-ebp

npm

npm nstall vue-lib-ebp --save-dev

Тестирование и отладка

Тесты основаны на Vitest и запускаются с помощью команды yarn test и yarn test-ui для отладки из браузера

Документация

Иконки и Генерация

Иконки хранятся в папке src/assets/svg-icons в формате SVG. Все иконки из UI Kit Figma. Если вам нужно добавить новые иконки в проект, необходимо изначально пропускать их через SVGO, а затем через скрипт-генератор создать файл с путями иконок. Для этого вам достаточно разместить иконки в соответствующей папке и в командной строке прописать yarn gen-icon. После этого в папке src/components/icons будет обновлен файл index.js.

Пример структуры папок

Названия генерируются автоматически согласно структуре папок.

icons
├── ol
│   ├── search.svg
│   └── twitter.svg
└── arrow
    ├── left.svg
    └── right.svg

В итоге будут сгенерированы Vue компоненты как SVG иконки со следующими названиями:

  • IconsOlSearch
  • IconsOlTwitter
  • IconsArrowLeft
  • IconsArrowRight
Примечание
  • ol - outlined
  • fill - filled

Storybook

Правила описания историй

  • Все истории хранятся в папке вместе с компонентами.
  • Необходимо, чтобы props было описано максимально с помощью tsdoc.
  • В аргументах необходимы параметры, чтобы пользователь мог максимально понять, как ему работать с вашим компонентом.

Version History

Version Released Vue License
2.1.33 ^3.3.4
2.1.32 ^3.3.4
2.1.31 ^3.3.4
2.1.30 ^3.3.4
2.1.29 ^3.3.4