@cavicode/uikit-webadmin (0.1.0)

Published 2026-08-19 01:43:17 +03:00 by CaviCode

Setup this registry in your project .npmrc file:

@cavicode:registry=

To install the package using npm, run the following command:

npm install @cavicode/uikit-webadmin@0.1.0

or add it to the package.json file:

"@cavicode/uikit-webadmin": "0.1.0"

For more information on the npm registry, see the documentation.

@cavicode/uikit-webadmin

CaviCode UIKit WebAdmin — Vue 3 + Tailwind v4 UI-компоненты для административных панелей (CRM, личные кабинеты).

Установка

npm install @cavicode/uikit-webadmin

.npmrc в корне проекта:

@cavicode:registry=https://git.cavicode.tech/api/packages/cavicode/npm/

Использование

В Nuxt 4

nuxt.config.ts:

export default defineNuxtConfig({
  components: [
    { path: '@cavicode/uikit-webadmin', transpile: true },
  ],
  css: [
    '@cavicode/uikit-webadmin/style.css',
  ],
})

Tailwind v4 @theme токены импортируются автоматически из style.css.

В чистом Vue 3

import { createApp } from 'vue'
import CavicodeUIKitWebadmin from '@cavicode/uikit-webadmin'
import '@cavicode/uikit-webadmin/style.css'

const app = createApp(App)
app.use(CavicodeUIKitWebadmin)

Компоненты (29)

Поля ввода: UiInput, UiTextarea, UiSelect, UiCheckbox, UiRadio, UiColorInput, UiSearchInput
Кнопки: UiButton, UiIconButton
Layout/формы: UiFormField, UiFormGrid, UiCard, UiAlert
Модалки/диалоги: UiModal, UiConfirmDialog (презентационный)
Таблицы: UiDataTable, UiSimpleTable, UiTableSearch
Навигация: UiPagination, UiTabs, UiPageHeader
Состояния: UiState, UiStatusBadge, UiToast (презентационный)
Прочее: UiDropdown, UiMediaPicker, UiOrderControls, UiBarChart, UiLineChart, UiPieChart

Toast/ConfirmDialog — презентационные

Эти компоненты не содержат state-логики (Nuxt useState/useToast/useConfirm). Consumer передаёт props и слушает emits:

<UiToast :toasts="toasts" @dismiss="dismiss" />
<UiConfirmDialog :state="confirmState" @accept="onAccept" @cancel="onCancel" />

Charts — generic

Charts принимают примитивные типы вместо доменных DTO:

UiBarChart:  Array<{ label: string; value: number; color?: string }>
UiLineChart: Array<{ label?: string; date: string; value: number }>
UiPieChart:  Array<{ label: string; value: number; color?: string }>

Peer dependencies

vue ^3.5.0
tailwindcss ^4.3.3 (для @theme токенов)
@tanstack/vue-table ^8.21.3 (опционально, для UiDataTable)

Development dependencies

ID	Version
@tanstack/vue-table	^8.21.3
@types/node	^26.2.0
@vitejs/plugin-vue	^5.2.1
@vue/tsconfig	^0.7.0
sass-embedded	^1.100.0
tailwindcss	^4.3.3
typescript	^5.6.0
vite	^6.0.0
vite-plugin-dts	^4.5.0
vue	^3.5.0
vue-tsc	^3.3.8

Peer dependencies

ID	Version
vue	^3.5.0

Details

npm

2026-08-19 01:43:17 +03:00

UNLICENSED

latest

66 KiB

Assets (1)

uikit-webadmin-0.1.0.tgz 66 KiB

Versions (1) View all

0.1.0

2026-08-19