Проект 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