Stack Overflow
Stack Overflow

Questions tagged [primereact]

Use this tag for questions about PrimeReact, a collection of UI Components for React.js. Questions tagged [primereact] should also be tagged [reactjs], but NOT [primefaces].

296 questions
12
votes
1 answer

Can't resolve 'react-transition-group' in primereact dropdown

I am getting the following error- Failed to compile ./node_modules/primereact/components/dropdown/DropdownPanel.js Module not found: Can't resolve 'react-transition-group' in 'D:\my-app\node_modules\primereact\components\dropdown' This is my…
s.k.paul
  • 7,099
  • 28
  • 93
  • 168
8
votes
3 answers

Storybook not showing styles

I have a dialog component which is using the Primereact dialog internally. When I make a storybook for the same, the custom css for button is being imported as it is imported inside dialog.jsx. But the default css of Primereact dialog is not loading…
Sunny Garg
  • 83
  • 1
  • 4
8
votes
2 answers

PrimeReact and styled-component

I can't seem to style a PrimeReact component with styled-component. Given the below code to render an InputText, my intention is to change the width of it. But it doesn't work. import styled from "styled-components"; import {InputText} from…
His
  • 5,891
  • 15
  • 61
  • 82
6
votes
2 answers

Use PrimeReact Themes with CSS Modules Enabled in React Application

I have enabled CSS modules within webpack.config in my React application so that I can locally scope CSS files to individual components. I'm also trying to use the TabView component from PrimeReact. When I do so the themes from PrimeReact are not…
HendPro12
  • 1,094
  • 3
  • 17
  • 50
4
votes
1 answer

How to handle text overflow using Primreact and Primeflex

In my application I have a DataTable component, one column, namely "Note" can contain very long texts. I have defined the column as follows:
user17145524
  • 227
  • 4
  • 10
4
votes
2 answers

How can one have a theme switcher in primereact

I would like to be in a position to switch between themes in primereact rather than import one theme and then it affects my whole app and I don't have an option to switch between dark or light mode.
DUMBA
  • 159
  • 2
  • 10
3
votes
0 answers

PrimeReact DataTable custom filterFunction does nothing

We're using PrimeReact in our latest project, and we have a filter we want to implemented where the column data is an array and we want the user to be able to select an array of options to filter that column by. (So the column represents assigned…
Luke Peña
  • 41
  • 4
3
votes
1 answer

primeReact Props and dropdown options problem

im new in Node, JavaScript and React. I must show a list of data inside a dropdown, then the selected one save it in the database. The problem is how to display the list of data to select In this way they capture the data …
Motias
  • 89
  • 9
3
votes
2 answers

PrimeReact in combination with react-icons

I was wondering if it is somehow possible to use the icons from the react-icons package in PrimeReact, since the primeIcons package unfortunately does not contain all the icons I need for my project. I haven't found a solution for this, because…
user17145524
  • 227
  • 4
  • 10
3
votes
1 answer

PrimeReact Data table - How to show tooltip or title on a cell?

I'm display a data table using prime react data table and I wanted to show tooltip or title like marked in below image, when mouse over doing on a cell. I went through the Column component and i didn't find any relevant keyword to display tooltip…
Venu
  • 348
  • 4
  • 17
3
votes
1 answer

How to upload files using PrimeReact FileUpload Component

I am a React/Spring beginner and I dont know how to make a Fileupload with Primereact. Their Documentation says following (https://www.primefaces.org/primereact/#/fileupload): FileUpload requires a url property as the upload target and a name to…
unknown austrian
  • 51
  • 1
  • 5
3
votes
1 answer

Error running npm command on Windows: graceful-fs

I have a ReactJS project and I was trying to use some of the PrimeReact components. At some point, I faced an error (can't remember exactly which one) and I tried to run an older version of NPM in a copy of my main directory. Now, I get this error…
Leandro Garcia Luzzi
  • 33
  • 5
2
votes
1 answer

Prime React File Upload Component setUploadedFiles unexpected behavior

I'm using primereact 9.6.0 (released today!) and I'm also using custom upload prop to pass in my own uploadHandler. This is a follow up to this question about how to change the status to completed. My Question I want to change the status of the…
Ibra
  • 912
  • 1
  • 12
  • 31
2
votes
1 answer

How to modify filter icon functionality in table in PrimeReact

I have a prime react table and a multiselect dropdown filter for one of the column like "Agent" column (Link) When we click on the filter icon, "Agent Picker" multiselect dropdown will display. Then we again need to click on the dropdown to see the…
Maulik Patel
  • 344
  • 1
  • 10
2
votes
1 answer

Server components: Can we use webpack to add "use client" in modules from compponent library?

React server components make us use the "use client" directive on top of files. This basically breaks react components library (like ReactBootstrap and PrimeReact) and makes us create wrapper files just to add "use client" in each module exported by…
Vitor Figueredo Marques
  • 159
  • 8
1
2 3
…
19 20