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