Skip to content

primefaces/primereact

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
September 5, 2023 07:39
August 21, 2023 13:08
September 22, 2023 01:43
April 25, 2023 16:29
September 22, 2023 01:29
January 25, 2023 21:37
March 14, 2021 01:16
August 23, 2022 16:35
September 12, 2023 18:04
January 19, 2022 12:32
September 17, 2023 17:22
September 7, 2023 08:28

License: MIT npm version primereact Actions CI Discord Chat Stackoverflow Prime Discussions

PrimeReact Hero

PrimeReact

PrimeReact is available at npm.

Download

PrimeReact is available at npm, if you have an existing application run the following command to download it to your project.

// with npm
npm install primereact

// with yarn
yarn add primereact

Please note that react >= 17.0.0 and react-dom >= 17.0.0 are peer dependencies and some components have optional dependencies.

Styles

Theme and core are the necessary css files of the components, visit the Themes section for the complete list of available themes to choose from.

//theme
import 'primereact/resources/themes/lara-light-indigo/theme.css';

//core
import 'primereact/resources/primereact.min.css';

Each PrimeReact theme has its own font family so it is suggested to apply it to your application for a unified look.

body {
    font-family: var(--font-family);
}

Usage

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.

Module

//import { ComponentName } from 'primereact/{componentname}';
import { Dialog } from 'primereact/dialog';
import { Accordion, AccordionTab } from 'primereact/accordion';

QuickStart

Example applications based on create-react-app and Next.js are available at github.

Next.js PrimeReact has first class support for SSR and Next.JS, in fact this website is also built with Next.js

Getting Started with NextJS and PrimeReact

CRA Create-React-App is the official scaffolding project by Facebook

Getting Started with PrimeReact

TypeScript

Typescript is fully supported as type definition files are provided in the npm package of PrimeReact. A sample typescript-primereact application is available as well at github.

Contributors