Cannot style megamenu label and panel label separately with pass through

[amod81]

I am trying to style the MegaMenu with PassThrough. I could change the background color, icon color, sub menu icon and the label on the menu (changed to white as in the attached image). However, when I apply a class to the label, it gets applied to the panel -> menu items as well. As a result, I cannot distinguish the label color on the menu and inside the panel (sub menus). Should these 2 elements be identified by different property names in future? How do I configure 2 different colors on labels of the main menu and those of the sub-menu-items.

The image below does not show the sub-menus under User 1 User 2 ... because their fore color has changed (to white) after I have applied the class to the labels "Users", "Events", "Settings".

Code

  <MegaMenu
      :model="items"
      :pt="{
          label: {
              class: ['text-white']
          },
          icon: {
              class: ['text-white']
          },
          submenuIcon: {
              class: ['text-white']
          },
          submenuheader: {
              class: ['text-primary']
          },
      }"
  />

label: {
  class: ['text-white']
},

gets applied to all 'label' of the megamenu and hence cannot differentiate main-menu.label and content/panel.label with different colors.

Environment:
"primeflex": "^3.3.1",
"primeicons": "^6.0.1",
"primevue": "^3.34.1",

[tugcekucukoglu]

The use of label options for both root and panel items has caused confusion. I will change the ones on the panel to submenulabel.

Sorry for the confusion.

[tugcekucukoglu]

Fixed for the next version. primefaces/primevue#4690

[amod81]

Brilliant !! Thank You!

[amod81]

Hi,

The same applies to the Menubar component as well. MegaMenu is all good now after the fix in 3.39.

Appreciate your help !!