Side Menu

A menu that typically appears on the left side of the screen. It supports second-level menu expansion.

Example Code

    <section style="width: 200px;">
    <nav class="sidemenu">
      <p>General</p>
      <ul>
          <li><a>Dashboard</a></li>
          <li class="active"><a>Customers</a></li>
          <li><a>Entity</a></li>
          <li><a>Feed</a></li>
          <li><a>News</a></li>
      </ul>
      <details open>
        <summary>
          <span>Setting</span>
        </summary>
        <ul>
          <li class="active">Account</li>
          <li>Preference</li>
        </ul>
      </details>

      <p>Documentation</p>
      <ul>
          <li><a>Introduction</a></li>
          <li><a>Get Started</a></li>
          <li><a>Tutorials</a></li>
          <li><a>Changelog</a></li>
      </ul>
    </nav>
    </section>