<?xml version="1.0" encoding="UTF-8"?>
<section>
  <sectioninfo>
    <keywordset>
      <keyword>dropDownMenu</keyword>
    </keywordset>
  </sectioninfo>

  <section>
    <title>Description</title>

    <para>The <emphasis role="bold"><property>&lt;rich:dropDownMenu&gt;</property></emphasis> component is used for creating
    multilevel drop-down menus.</para>

    <figure>
      <title><emphasis role="bold"><property>&lt;rich:dropDownMenu&gt;</property></emphasis> component</title>

      <mediaobject>
        <imageobject>
          <imagedata fileref="images/dropDownMenu1.png" />
        </imageobject>
      </mediaobject>
    </figure>
  </section>

  <section>
    <title>Key Features</title>

    <itemizedlist>
      <listitem>
        <para>Highly customizable look-and-feel</para>
      </listitem>

      <listitem>
        <para>Pop-up appearance event customization</para>
      </listitem>

      <listitem>
        <para>Different submission modes</para>
      </listitem>

      <listitem>
        <para>Ability to define a complex representation for elements</para>
      </listitem>

      <listitem>
        <para>Support for disabling</para>
      </listitem>

      <listitem>
        <para>Smart user-defined positioning</para>
      </listitem>
    </itemizedlist>
  </section>
</section>