@infrasoftbe/infrasoft-ui-components est une bibliothèque de composants React construite sur la base de PatternFly Elle fournit des composants prêts à l’emploi et stylisés pour répondre aux besoins de nos projets, tout en intégrant le style et la cohérence visuelle de PatternFly.
Cette bibliothèque combine la puissance des composants PatternFly et des éléments spécifiques à nos projets, tout en simplifiant leur intégration. Vous n’avez pas besoin de configurer séparément les styles PatternFly : ils sont inclus directement dans @infrasoftbe/infrasoft-ui-components.
Pour tirer pleinement parti de cette bibliothèque, assurez-vous que votre projet React est déjà configuré.
Afin d’assurer une cohérence des styles dans toute l’application, il est essentiel d’importer la feuille de styles de base fournie par @infrasoftbe/infrasoft-ui-components. Cela garantit que tous les composants utilisent correctement les styles définis.
Ajoutez cette ligne au début de votre fichier principal (avant d’importer vos composants d’application) :
import '@infrasoftbe/infrasoft-ui-components/dist/styles/base.css';
Remarque : Cette étape est obligatoire pour garantir que les composants s’affichent correctement.
Voici un exemple d’intégration et d’utilisation de la bibliothèque :
import { Button } from '@infrasoftbe/infrasoft-ui-components';
const App = () => {
return <Button variant="primary">Mon Bouton</Button>;
};
export default App;