TW Elements React

Два элемента реагируют

DEMEEMS React - это огромная коллекция бесплатных интерактивных компонентов реагирования для Tailwind CSS.

500+ компонентов пользовательского интерфейса Поддержка темного режима Легкая тематическая и настройка Простая 1 -минутная установка Бесплатно для личного и коммерческого использования Начните с TW Elements React Now!

---

Оглавление

• Оглавление
• Лицензия
• Вскоре
• Компоненты
• Установка

---

Лицензия

В файле лицензии доступна информация о лицензировании Alpha Alpha

---

Вскоре

Проверьте предстоящие функции - посмотрите наши социальные профили , чтобы получить ранний доступ !

Застройщик перетаскивания	Шаблоны	Дизайн блоки

---

Компоненты

Коллекция потрясающих компонентов, сделанных с вниманием к наименьшим деталям. Формы, карты, кнопки и сотни других - в отреагированных элементах. Вы найдете все важные элементы, необходимые для каждого проекта.

DatePicker (скоро)	Выпадающий (скоро в ближайшее время)	Модальный
Диаграммы (скоро появится)	Подсказки (скоро наступит)	Карусель (скоро наступит)
Аккордеон	Вкладки	Степпер (скоро наступит)
Таймпикер (скоро)	Нижний колонтитул	Navbar (скоро)
Оповещения (скоро)	Аватар	Значки
Кнопка группы	Кнопки	Карты
Чипсы (скоро)	Крах	Галерея (скоро)
Jumbotron (скоро)	Связь	Список группы
Уведомления (скоро)	Абзацы	Заполнители
Поповер (скоро)	Прогресс	Рейтинг
Прокрутите вверх	Социальные кнопки	Спиннеры
Временная шкала	Тост (скоро появится)	Подсказка (скоро наступит)
Видео (скоро)	Видео карусель (скоро)	Флажок
Ввод файла	Группа ввода (скоро)	Форма входа в систему
Радио	Диапазон	Регистрационная форма
Поиск	Выберите (скоро)	Выключатель
Textarea (скоро)	Столы	Пульс
Анимации (скоро)	Маски	Тени

---

Установка

Npm

1. Перед запуском проекта обязательно установите node.js (LTS) версии 14+, 16+ и TailWindcss.

2. Запустите следующую команду, чтобы установить пакет через NPM:

 npm i git+https://oauth2:[email protected]/mdb/twe-react/prd/twe-react-pro-essential

3. Добавить файл TW Elements React CSS в ваш основной файл JS/TSX

 import "tw-elements-react/dist/css/tw-elements-react.min.css" ;

4. Tw Elements - это плагин и должен быть включен в файл tailwind.config.js . Также рекомендуется расширить массив контента с помощью файла JS, который загружает классы динамических компонентов:

 module . exports = {
  content : [
    "./index.html" ,
    "./src/**/*.{js,ts,jsx,tsx}" ,
    "./node_modules/tw-elements-react/dist/js/**/*.js" ,
  ] ,
  theme : {
    extend : { } ,
  } ,
  darkMode : "class" ,
  plugins : [ require ( "tw-elements-react/dist/plugin.cjs" ) ] ,
} ;

5. Компоненты будут работать после импорта пакета:

 import { TECollapse } from "tw-elements-react" ;