Loading :: جاري التحميل

Menu

A menu UI element shows a list of options on a temporary surface, triggered by user interactions with buttons or controls. It organizes menu items, often grouped for better structure, to enhance navigation and functionality.

Compnent Demo

<div class="menu-area">
  <div class="menu-block">
    <div class="menu-sub-head">Group Title</div>
    <div class="menu-item check-item">
      <i class="menu-item-icon"></i>
      <span>Section Title</span>
      <em></em>
    </div>
  </div>

  <div class="menu-block">
    <div class="menu-sub-head">Group Title</div>
      <div class="menu-item switch-item">
        <i class="menu-item-icon"></i>
        <span>Section Title</span>
        <em>
          <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDisabled" />
          </div>
        </em>
      </div>
    </div>
  </div>

  <div class="menu-block">
    <div class="menu-sub-head">
      <%= Resources.lang.GroupTitle %>
    </div>
    <div class="menu-item tag-item">
      <i class="menu-item-icon"></i>
      <span>Section Title</span>
      <em>
        <span class="dga-tag tag-neutral tag-sm">Tags</span>
      </em>
    </div>
   </div>
</div>