PrimeReact — это богатый набор компонентов пользовательского интерфейса с открытым исходным кодом для React. См. домашнюю страницу PrimeReact для демонстрации в реальном времени и документации.
PrimeReact доступен на npm.
# Using npm npm install primereact # Using yarn yarn add primereact # Using pnpm pnpm add primereact
Каждый компонент можно импортировать индивидуально, чтобы вы могли объединять только то, что используете. Путь импорта доступен в документации соответствующего компонента.
//импортируем { ComponentName } из 'primereact/{comComponentname}';импортируем { Button } из 'primereact/button';экспортируем функцию по умолчанию MyComponent() { return ( )}
PrimeReact имеет два режима тем; стилизованный или нестилизованный.
Стилизованный режим
Стилизованный режим основан на предварительно настроенных компонентах с такими авторскими темами, как темы Material, Bootstrap или PrimeOne. Тема — это необходимый файл CSS для импорта. Посетите раздел «Темы», чтобы просмотреть полный список доступных тем на выбор.
// themeimport 'primereact/resources/themes/lara-light-cyan/theme.css';
Нестилизованный режим
Нестилизованный режим по умолчанию отключен для всех компонентов. Используя контекст PrimeReact, установите unstyled
как true, чтобы включить его глобально. Посетите документацию по нестилизованному режиму для получения дополнительной информации и примеров.