primereact
10.8.4
PrimeReact ist ein umfangreiches Set an Open-Source-UI-Komponenten für React. Live-Showcase und Dokumentation finden Sie auf der PrimeReact-Homepage.
PrimeReact ist unter npm verfügbar.
# Using npm npm install primereact # Using yarn yarn add primereact # Using pnpm pnpm add primereact
Jede Komponente kann einzeln importiert werden, sodass Sie nur das bündeln, was Sie auch nutzen. Der Importpfad ist in der Dokumentation der entsprechenden Komponente verfügbar.
//import { ComponentName } from 'primereact/{componentname}';import { Button } from 'primereact/button';export default function MyComponent() {
return (
)}PrimeReact verfügt über zwei Themenmodi; gestylt oder ungestylt.
Gestylter Modus
Der Styled-Modus basiert auf vorgefertigten Komponenten mit individuellen Themen wie Material-, Bootstrap- oder PrimeOne-Themen. „Theme“ ist die erforderliche CSS-Datei, die importiert werden muss. Im Abschnitt „Themen“ finden Sie eine vollständige Liste der verfügbaren Designs zur Auswahl.
// themeimport 'primereact/resources/themes/lara-light-cyan/theme.css';
Ungestylter Modus
Der nicht gestylte Modus ist standardmäßig für alle Komponenten deaktiviert. Legen Sie im PrimeReact-Kontext unstyled auf „true“ fest, um es global zu aktivieren. Weitere Informationen und Beispiele finden Sie in der Dokumentation zum Unstyled-Modus.
