PrimeReact est un riche ensemble de composants d'interface utilisateur open source pour React. Voir la page d'accueil de PrimeReact pour une présentation en direct et de la documentation.
PrimeReact est disponible sur npm.
# Using npm npm install primereact # Using yarn yarn add primereact # Using pnpm pnpm add primereact
Chaque composant peut être importé individuellement afin que vous ne regroupiez que ce que vous utilisez. Le chemin d'importation est disponible dans la documentation du composant correspondant.
// importer { ComponentName } depuis 'primereact/{componentname}'; importer { Button } depuis 'primereact/button'; exporter la fonction par défaut MyComponent() { retourner ( )}
PrimeReact a deux modes de thème ; stylisé ou non.
Mode stylisé
Le mode stylisé est basé sur des composants pré-skinnés avec des thèmes opiniâtres tels que les thèmes Material, Bootstrap ou PrimeOne. Le thème est le fichier CSS requis pour être importé, visitez la section Thèmes pour la liste complète des thèmes disponibles parmi lesquels choisir.
// themeimport 'primereact/resources/themes/lara-light-cyan/theme.css';
Mode sans style
Le mode sans style est désactivé par défaut pour tous les composants. À l'aide du contexte PrimeReact, définissez unstyled
sur true pour l'activer globalement. Visitez la documentation du mode Unstyled pour plus d’informations et d’exemples.