<?xml version="1.0" encoding="UTF-8"?>
<section>
<sectioninfo>
<keywordset>
<keyword>panelBar</keyword>
</keywordset>
</sectioninfo>
<section>
<title>Description</title>
    <para><property>panelBar</property> is used for grouping any content which is loaded on the client
     side and appears as groups divided on child panels after the header is clicked.</para>
    <figure>
        <title><emphasis role="bold"><property>&lt;rich:panelBar&gt;</property></emphasis> with content inside</title>
        <mediaobject> 
        <imageobject>
            <imagedata fileref="images/panelBarMain.png"/>
        </imageobject>
    </mediaobject>
    </figure>
    </section>
    <section>
    <title>Key Features</title>
    <itemizedlist>
        <listitem>Skinnable slide panel and child items</listitem>
        <listitem>Groups any content inside each panel</listitem>
     </itemizedlist>
</section>
</section>