kimia UI
1.0.0
Tailwind CSS-это коммунальная структура CSS для быстрого построения пользовательских интерфейсов. IL позволяет вам писать свой стиль, не оставляя HTML.
Самым большим недостатком Tailwind CSS является риск иметь слишком длинные занятия, которые сделают наш код недостаточно читаемым.
Поскольку React основан на компонентах, мы можем извлечь логику компонентов с его классами и повторно использовать их в другом месте, что приведет к более читаемому коду с большим количеством компонентов и меньшим количеством классов.
Вот почему я создал эту коллекцию компонентов пользовательского интерфейса, полностью настраиваемой. Просто скопируйте и вставьте компонент, который хотите использовать
Все компоненты находятся в каталоге пакетов .
Каждый компонент содержит 2 подзадачи
Примеры : содержит примеры для каждого варианта компонента в TypeScript
Скуды : содержит примеры для каждого варианта компонента в простом реагировании
Чтобы добавить новый компонент:
Создайте свой новый каталог в src/packages/{yourcomponentname} В своей папке вы создадите 2 подпапки и один файл
Создайте свой новый файл (маршрут) в src/pages/components/{hy component name} . Тогда вы импортируете все примеры и фрагменты для вашего компонента
Эти компоненты совместимы со всеми браузерами
| Хром | Firefox | Край | Сафари | Опера |
|---|---|---|---|---|
 |
Если вы хотите внести свой вклад в проект, исправить ошибки, улучшить доступность или открыть проблему, пожалуйста, следуйте нашему руководству по взносу
Во -первых, запустите сервер разработки:
npm run dev
# or
yarn devОткройте http: // localhost: 3000 с вашим браузером, чтобы увидеть результат.
