API Reference
Namespaces
Classes
Events
Global
Externals

Namespace: cq-comparison-lookup

WebComponents. cq-comparison-lookup

The comparison lookup web component <cq-comparison-lookup>.

An encapsulation of the markup for the comparison lookup control, + Compare...

Since:
  • 7.5.0

Example

<cq-comparison cq-marker>
	<cq-menu class="cq-comparison-new" cq-focus="input">
		<cq-comparison-add-label class="ciq-no-share">
			<cq-comparison-plus></cq-comparison-plus>
			<span>Compare</span>
			<span>...</span>
		</cq-comparison-add-label>
		<cq-comparison-add>
			<cq-comparison-lookup-frame>
				<cq-lookup cq-keystroke-claim cq-uppercase></cq-lookup>
			</cq-comparison-lookup-frame>
			<cq-swatch cq-no-close></cq-swatch>
			<span>
				<cq-accept-btn class="stx-btn">ADD</cq-accept-btn>
			</span>
		</cq-comparison-add>
	</cq-menu>
</cq-comparison>

Methods


setContext()

Adds the default markup.

Since:
  • 7.5.0