API Reference
Namespaces
Classes
Events
Global
Externals

Namespace: cq-menu

WebComponents. cq-menu

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