Установка AntCore UI
Требования:
- React 18 или новее
- Tailwind CSS v4
- Framer Motion 11.9 или новее
Установка
Для начала нужно получить token для доступа к registry gitlab. Перейдите в настройки профиля GitLab, выберите "Access Tokens", создайте новый токен с правами "read_api" и "read_repository". Сохраните токен, он понадобится для аутентификации.:
Настройка аутентификации
Настройте аутентификацию для доступа к приватному registry GitLab.
В .npmrc файле вашего проекта добавьте следующую строку, заменив <YOUR_ACCESS_TOKEN> на ваш токен доступа:
//gitlab.webant.ru/api/v4/projects/1776/packages/npm/:_authToken=<YOUR_ACCESS_TOKEN>
Установка пакета
Установите Ant Core UI и Framer Motion, используя ваш предпочитаемый менеджер пакетов:
Установка зависимостей для проекта:
Провайдер
Необходимо создать WithAntCoreUI компонент, который будет оборачивать ваше приложение в AntCoreUIProvider. Это обеспечит доступ ко всем возможностям Ant Core UI.
Tailwind CSS настройка
Необходимо создать файл ant-core-ui.ts:
и добавить следующий код в ваш главный css файл:
Tailwind CSS конфигурация
В вашем tailwind.config.ts файле добавьте следующий код:
Использование компонентов
Теперь вы готовы использовать компоненты AntCore UI в вашем проекте. Вот пример использования кнопки:
