primereact grid system is not working

UI Components for React
Post Reply
eerkisi
Posts: 1
Joined: 09 Oct 2021, 12:55

09 Oct 2021, 13:04

Hi,
we started to transform our application ui from react bootstrap to primereact. Created a poc project and playing features about primereact.
I installed primereact, prime icons, primeflex libs and added styles to index.js but could not get grid system to work. Button is working just fine( style etc.)

App.js

Code: Select all

  <div className="p-grid">
                <div className="p-col-4"><Button>1</Button></div>
                <div className="p-col-4"><Button>2</Button></div>
                <div className="p-col-4"><Button>3</Button></div>
            </div>   
index.js

Code: Select all

import 'primeflex/primeflex.css'
import 'primeflex/primeflex.min.css'
import 'primereact/resources/themes/saga-blue/theme.css'
import 'primereact/resources/primereact.min.css'
import 'primeicons/primeicons.css' 
I expect three button side by side in row but buttons come to page vertically.

What am i doing wrong?

Thanks

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests