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>