title: How to customize p:accodionPanel icon?
body: <p>I'm using PrimeFaces with JSF and I am trying to customize the <code>&lt;p:accordionPanel&gt;</code> and add more icons in <code>&lt;p:accordionPanel&gt;</code> header.</p>
  
  <p>How can I achieve those two? Below is my sample code.</p>
  
  <pre><code>&lt;p:accordionPanel dynamic="true" cache="true" activeIndex="none"&gt;
      &lt;p:tab title="Sample Accordion Panel1 for  Chronicle"&gt;
          &lt;h:panelGrid columns="2" cellpadding="10"&gt;
              &lt;h:outputText styleClass="UX_FontClass" value="My Chronicle..." /&gt;
          &lt;/h:panelGrid&gt;
      &lt;/p:tab&gt;
  &lt;/p:accordionPanel&gt;
  </code></pre>