CODEWITHSUNDEEP
treeiconsprimengprimeng-treetable
michael
michael

Reputation: 147

Changing the expand and collaps icons in the PrimeNG tree

I'm using the tree component from PrimeNG. Does anyone knows how I can change the expand and collapse icons ? My target is to get a plus and minus instead of the fa-caret-down and fa-caret-right.

So from

enter image description here

to

enter image description here

Upvotes: 3

Views: 5416

Answers (1)

Stephen Pham
Stephen Pham

Reputation: 1607

Add the following CSS to your component:

::ng-deep .fa-caret-right::before {
  content: "\F067";
}

::ng-deep .fa-caret-down::before {
  content: "\F068";
}

Plunker example

Upvotes: 3

Related Questions