Repository files navigation

PrimeReact is a rich set of open source UI Components for React. SeePrimeReact homepage for live showcase and documentation.

PrimeReact is available atnpm.

# Using npmnpm install primereact# Using yarnyarn add primereact# Using pnpmpnpm add primereact

Each component can be imported individually so that you only bundle what you use. Import path is available in the documentation of the corresponding component.

//import { ComponentName } from 'primereact/{componentname}';import{Button}from'primereact/button';exportdefaultfunctionMyComponent(){return(<Buttonlabel="PrimeReact"/>)}

PrimeReact has two theming modes; styled or unstyled.

Styled Mode

Styled mode is based on pre-skinned components with opinionated themes like Material, Bootstrap or PrimeOne themes. Theme is the required css file to be imported, visit theThemes section for the complete list of available themes to choose from.

// themeimport'primereact/resources/themes/lara-light-cyan/theme.css';

Unstyled Mode

Unstyled mode is disabled by default for all components. Using the PrimeReact context, setunstyled as true to enable it globally. Visit theUnstyled mode documentation for more information and examples.