Move p-panel-menu-icon to the right

Question

I tried to use panel-menu in primeng.

But I want the arrow icons on the right. Like this....

Answer 1

You can do that by CSS:

.p-panelmenu-icon {
 order: 1; // to be the first item on right side.
}
.p-menuitem-text {
 flex-grow: 1; // to fill the whole space and push the icon to the end
}

---

UPDATE:

.p-icon-wrapper {
  order: 1;
  margin-inline-start: auto;
}