Menu DropDown web component <cq-menu-dropdown>
.
Menu DropDown handles holding the items that go inside a custom menu component.
Menu DropDown is a semantic element to be used in menus that has the same functionality as WebComponents.cq-scroll The main difference is that Menu DropDown sets noMaximize to true which means that the component will not automatically resize.
- Since:
-
7.0.0 no longer dual inherits CIQ.UI.BaseComponent and CIQ.UI.Scroll. Now directly inherits Scroll which extends BaseComponent.
Example
<cq-menu class="ciq-menu ciq-studies collapse">
<span>Studies</span>
<cq-menu-dropdown cq-no-scroll>
<cq-study-legend cq-no-close>
<cq-section-dynamic>
<cq-heading>Current Studies</cq-heading>
<cq-study-legend-content>
<template>
<cq-item>
<cq-label class="click-to-edit"></cq-label>
<div class="ciq-icon ciq-close"></div>
</cq-item>
</template>
</cq-study-legend-content>
<cq-placeholder>
<div stxtap="Layout.clearStudies()" class="ciq-btn sm">Clear All</div>
</cq-placeholder>
</cq-section-dynamic>
</cq-study-legend>
<cq-scroll>
<cq-studies>
<cq-studies-content>
<template>
<cq-item>
<cq-label></cq-label>
</cq-item>
</template>
</cq-studies-content>
</cq-studies>
</cq-scroll>
</cq-menu-dropdown>