Подключение к Vite
Импортируйте полный пример в приложение с React и TypeScript.
Используйте существующий проект
Выберите Vite на странице примера. Распакуйте полный комплект по инструкции INSTALL.ru.md и импортируйте SelectedExample.tsx на свой экран. Сохраните импорты CSS Modules и относительные пути вспомогательных файлов. Роутер Next.js, CSS-фреймворк и дополнительные пакеты анимации не нужны.
Покажите пример до адаптации
Сначала отобразите один пример. Если он работает, замените текст и подключите ссылку или обработчик через API, описанный в комплекте. Если нужен только переиспользуемый компонент, не переносите демонстрационный сценарий в рабочую страницу.
Запускайте приложение командами из своего package.json. Комплект — это исходники для добавления в проект, а не отдельное приложение со своей установкой и запуском.
Проверьте готовую страницу
Проверьте типы TypeScript, production-сборку, узкую ширину, клавиатуру и уменьшение движения. Проверяйте настоящую страницу с её reset, шрифтами и раскладкой, а не только изолированный компонент.
При ошибке импорта сначала проверьте регистр букв и структуру скопированных папок. Не удаляйте helper или vendor только потому, что они не выводятся на страницу напрямую.