Primereact是用于React的丰富的开源UI组件集，号称是最完整的ReactUI组件库。

特性

70+ Components：各种具有一流质量的React UI组件，可帮助您以样式实现所有UI需求。

开源：整个套件基于MIT开源许可，可免费使用并托管在GitHub上。

主题切换：无需依赖某种样式的库，与设计无关的组件可以轻松地从 material, bootstrap 或自定义主题切换。

模板：自带基于create-react-app的模板，可以轻松上手进行开发

标准支持：对508条标准的一流支持，以带来完全可靠的UI组件。

专业支持：在1个工作日内提供高级支持服务，并具有请求新功能的支持。就像一个PrimeReact团队成员在您的办公室中并排工作

生产率：当你专注于业务需求时，让UI组件加快开发速度。

社区支持：可以通过社区及时的反馈问题

移动端支持：响应式和触摸式UI组件可在任何设备上提供出色的用户体验。

下载

PrimeReact 在 npm 上可用，如果您有现有的应用程序，请运行以下命令将其下载到您的项目中。

// with npm
npm install primereact

// with yarn
yarn add primereact

请注意 react >= 17.0.0 和 react-dom >= 17.0.0 是对等依赖项，一些组件具有可选依赖项。

样式

Theme 和 core 是组件必要的 css 文件，请访问Themes部分以获取可供选择的可用主题的完整列表。

//theme
import 'primereact/resources/themes/lara-light-indigo/theme.css';

//core
import 'primereact/resources/primereact.min.css';

每个 PrimeReact 主题都有自己的字体系列，因此建议将其应用于您的应用程序以获得统一的外观。

body {
  font-family: var(--font-family);
}

用法

每个组件都可以单独导入，这样您就可以只捆绑您使用的组件。相应组件的文档中提供了导入路径。

//import { ComponentName } from 'primereact/{componentname}';
import { Dialog } from 'primereact/dialog';
import { Accordion, AccordionTab } from 'primereact/accordion';

链接: https://www.fly63.com/nav/3945