PrimeReact é um rico conjunto de componentes de UI de código aberto para React. Consulte a página inicial do PrimeReact para demonstração ao vivo e documentação.
PrimeReact está disponível em npm.
# Using npm npm install primereact # Using yarn yarn add primereact # Using pnpm pnpm add primereact
Cada componente pode ser importado individualmente para que você agrupe apenas o que usa. O caminho de importação está disponível na documentação do componente correspondente.
//importar { ComponentName } de 'primereact/{componentname}';importar { Button } de 'primereact/button';exportar função padrão MyComponent() { return( )}
PrimeReact possui dois modos de tema; estilizado ou sem estilo.
Modo estilizado
O modo estilizado é baseado em componentes pré-skinned com temas opinativos como Material, Bootstrap ou PrimeOne. Tema é o arquivo CSS necessário para ser importado. Visite a seção Temas para obter a lista completa de temas disponíveis para você escolher.
// themeimport 'primereact/resources/themes/lara-light-cyan/theme.css';
Modo sem estilo
O modo sem estilo está desabilitado por padrão para todos os componentes. Usando o contexto PrimeReact, defina unstyled
como true para habilitá-lo globalmente. Visite a documentação do modo Unstyled para obter mais informações e exemplos.