https://github.com/vwebio/vue3-uikit

Vue 3 SPA "UI KIT"
https://github.com/vwebio/vue3-uikit

composition-api css3 uikit vite vue-router vue3 vuelidate

Last synced: 4 days ago
JSON representation

Vue 3 SPA "UI KIT"

• Host: GitHub
• URL: https://github.com/vwebio/vue3-uikit
• Owner: vwebio
• Created: 2024-08-11T06:43:03.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-09-20T08:50:26.000Z (4 months ago)
• Last Synced: 2024-11-09T12:39:08.304Z (about 2 months ago)
• Topics: composition-api, css3, uikit, vite, vue-router, vue3, vuelidate
• Language: Vue
• Homepage: https://vwebio.github.io/vue3-uikit/
• Size: 1.85 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Проект 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**: Индикаторы прогресса.

## Установка и запуск

```sh

npm install

```

### Компиляция и горячая перезагрузка для разработки

```sh

npm run dev

```

### Компиляция и минификация для продакшн

```sh

npm run build

```