Storybook

Storybook — интерактивная галерея компонентов UI Kit. На страницах документации примеры открываются во встроенном просмотрщике; полный каталог stories доступен отдельно.

Как открыть

В production docs и Storybook публикуются на одном домене:

• / — документация
• Storybook — интерактивная галерея компонентов

Локально запустите оба сервера:

# Docs (:5173) + Storybook (:6006)
pnpm dev

# Отдельно
pnpm dev:storybook
pnpm dev:docs

Если Storybook не запущен, встроенные примеры на страницах компонентов будут пустыми.

На каждой странице компонента есть кнопка Открыть в Storybook — она ведёт на ту же story в полноэкранном режиме.

Для contributors

Конвенции stories и проверки

Тег	Назначение
docs	Примеры для публичной документации
qa	Матрицы вариантов и визуальная регрессия — только в Storybook, не на страницах VitePress

Перед PR:

pnpm docs:validate
pnpm docs:generate-api
pnpm --filter @shtabapp/ui-kit-docs generate:pages