Vexura
Техническая документация

Интеграция
Vexura в ваш стек

Комплексное руководство по внедрению дизайн-системы. От установки через npm до глубокой кастомизации темы и настройки токенов для React, Vue и Svelte.

Пример кода Vexura в редакторе

Быстрый старт

Установка занимает меньше 2 минут. Мы поддерживаем современные менеджеры пакетов и гарантируем совместимость с модульными сборщиками (Webpack, Vite, Rollup).

Установка через npm

npm install @vexura/ui-core

Или через yarn

yarn add @vexura/ui-core

Импортирование стилей

После установки добавьте базовые CSS-переменные и сброс стилей в корневой файл вашего приложения. Это обеспечит корректную работу типографики и сетки.

Vexura использует CSS Custom Properties для всех цветовых значений, что позволяет легко переопределять переменные на уровне проекта без изменения исходного кода библиотеки.

Справочник по компонентам

Полный список пропсов, событий и методов для всех 250+ компонентов библиотеки.

Props & Slots

Детальная документация по каждому свойству. Типизация TypeScript включена по умолчанию. Поддерживаем функциональные слоты для максимальной гибкости.

События

Список emit-событий для обработки пользовательского взаимодействия. Поддерживаем стандартные события браузера и кастомные хуки жизненного цикла.

Доступность (a11y)

Все компоненты соответствуют стандарту WCAG 2.1 AA. Встроенная навигация с клавиатуры, ARIA-атрибуты и поддержка скринридеров.

Поддержка фреймворков

Vexura разработан с использованием философии "Write Once, Run Everywhere". Мы предоставляем нативные обертки для популярных экосистем, оптимизированные под их особенности.

  • React 18+ Поддержка Hooks, Concurrent Mode и Server Components.
  • Vue 3 Composition API Полная типизация TypeScript и поддержка `