Menu web component <cq-menu>
.
Add attribute cq-focus
to provide a query selector path to the element to focus when the
menu is opened.
The node is contextually aware of its surroundings. Handles opening and closing WebComponents.cq-menu-dropdown.
Example
<cq-menu class="ciq-menu stx-markers collapse">
<span>Events</span>
<cq-menu-dropdown>
<cq-item class="square">
Simple Square{" "}
<span class="ciq-radio">
<span></span>
</span>
</cq-item>
<cq-item class="circle">
Simple Circle{" "}
<span class="ciq-radio">
<span></span>
</span>
</cq-item>
<cq-item class="callouts">
Callouts{" "}
<span class="ciq-radio">
<span></span>
</span>
</cq-item>
<cq-item class="abstract">
Abstract{" "}
<span class="ciq-radio">
<span></span>
</span>
</cq-item>
<cq-item class="none">
None{" "}
<span class="ciq-radio ciq-active">
<span></span>
</span>
</cq-item>
</cq-menu-dropdown>
</cq-menu>
Members
-
focusElement :String
-
READ ONLY. The value of the
cq-focus
attribute.Type:
- String
- Since:
-
7.5.0