GNexus UI Kit Docs

GNexus UI Kit - набор HTML/CSS/JS компонентов для внутренних интерфейсов GNexus. Документация в этой директории описывает, как подключать kit и как собирать из него реальные экраны.

С чего начать

• Getting Started - подключение CSS, иконок и JS bundle.
• Style Guide - визуальные правила, токены, spacing и типографика.
• JavaScript API - глобальный namespace и автоинициализация.

Компоненты

• Foundations - typography, palette, buttons, utilities.
• Navigation - Navigation Shell, tabs, dropdown, tooltip, popover, drawer.
• Forms - input, select, date/time, file upload, checkbox/radio, advanced select.
• Data Display - tables, lists, cards, description list, timeline, avatar, badges, chips.
• Feedback - alerts, toasts, modals, confirm dialog, progress, skeleton.
• Layout Patterns - page header, toolbar, pagination, empty state, steps, accordion.
• Component Coverage - соответствие demo-секций страницам документации.

Где смотреть живые примеры

Локальная demo/docs страница собирается из demo/index.html и demo/partials/*.html.

npm install
npm run dev

После запуска:

http://localhost:3000

Что считать источником правды

• Для поведения компонентов: src/js/components/.
• Для CSS API: src/scss/components/.
• Для копируемой разметки: demo/partials/.
• Для человеческих правил использования: docs/.