Seeking advice on how to customize the appearance of the background for the primeNG panel component.
I attempted to override the styling using the specific names in my scss file for the component, but it did not work. I also tried inline with
<p-panel header="Test" [style]="{'background': '#20A8D8 '}" [toggleable]="true">
However, this only changed the background of the component itself, not the title header. If anyone has experience styling or customizing these components, I would appreciate some guidance on how to achieve it.
The following options are available for customization within the Panel - I am unsure of how to access/override them:
ui-panel Container element. ui-panel-titlebar Header section. ui-panel-title Title text of panel. ui-panel-titlebar-toggler Toggle icon. ui-panel-content Content of panel.
Thank you