vue3-uikit
README.md
Проект UI Kit
Описание
Этот проект является демонстрационным приложением, созданным на основе Vue 3 с использованием Composition API. Проект включает в себя набор UI-компонентов, которые могут быть использованы для построения пользовательского интерфейса.
Основные файлы и структура
- App.vue: Главный компонент приложения, включающий Header, Sidebar, основное содержимое и Footer.
- views/Elements.vue: Страница для отображения различных UI-компонентов, выбранных через маршрутизацию.
- components/UI: Каталог, содержащий отдельные UI-компоненты, такие как Card, Button, Input и другие.
Доступные UI-компоненты
- Accordion.vue: Табы в пк версии и Аккордеон для мобильной.
- Badge.vue: Бейджи для отображения небольших меток или уведомлений.
- Breadcrumb.vue: Хлебные крошки для навигации по сайту.
- Button.vue: Кнопки, которые могут быть использована для различных действий.
- Card.vue: Карточки для отображения информации в структурированном виде.
- Input.vue: Поля - поиска, email, пароля и др.
- Modal.vue: Модальное окно для отображения всплывающего контента.
- Pagination.vue: Пагинация для разделения контента на страницы.
- Progress.vue: Индикаторы прогресса.
Установка и запуск
npm install
Компиляция и горячая перезагрузка для разработки
npm run dev
Компиляция и минификация для продакшн
npm run build
Описание
Vue 3 SPA "UI KIT"
Языки
Vue
- HTML
- CSS
- JavaScript