Slots

Use slots to replace the UGV widget’s html content.

Example

<lm-ugv-widget
        sdk-token="yourTokenHere"
        widget-title="Become a reviewer for Our&nbsp;Company!"
        use-bubble
>
    <!--  to use a named slot (other than "default"), simply provide an element with slot="the-slot-name" -->
    <svg slot="bubble-icon" width="21" height="18" viewBox="0 0 21 18" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M12.9968 4.09261V0.128174L20.7109 8.05705L12.9968 15.9859V12.0215C7.28259 12.0215 2.99693 13.2989 0.139837 17.3074C1.28267 11.581 4.99692 5.23789 12.9968 4.09261Z" fill="white"/>
    </svg>
    <!--  everything that isn't wrapped by an element with a named slot will be displayed in the default slot -->
    <p>Have you bought our products? Rate them!<br/><br/> We will post the best videos on our website, and you will receive gift cards for shopping in our online store.<br/><br/>Leave us your details and sample short videos.<br/>The desired format is a vertical video up to 90 seconds long.</p>
</lm-ugv-widget>

Available Slots

Slot name Description
default Widget’s content, displayed under the title.
bubble-icon Replaces LiveMarket’s logo in the widget’s bubble.