I'm using "@angular/cli": "~13.3.0", "primeflex": "^3.1.3",

i've done the installation

npm install primeflex --save

and then added to angular.json file

      "node_modules/primeflex/primeflex.css"
 

my Html as follows:

<div >
<div >
<div >
<div >Prime</div>
<div >Prime and PrimeFlex</div>
<div >Lorem ipsum dolor sit amet</div>
</div>
<div >
<div >Prime</div>
<div >Prime and PrimeFlex</div>
<div >Lorem ipsum dolor sit amet</div>
</div>
</div>
</div>

the div align correctly however with no colors and styling as follows:

enter image description here

any idea what would be the issue?

CodePudding user response：

Your code is working but missing a theme, this is why you can see the spacing but no colors

I was stuck for a while and then read on the docs that it does not come with colors, so you need to add a theme, after adding one you can see the colors here https://stackblitz.com/edit/angular-ivy-gtnzrg?file=src/styles.css

adde mine on index.css however