<epigraph-spinner> v1

Version:
1.1.0

Quick Start

You need to import our web component module. We recommend that you do this in the head. It's important that type="module" is specified.


<!-- include this in your `<head>` -->
<script async type='module' src='https://unpkg.com/@epigraph/spinner/dist/epigraph-spinner.min.js'></script>
    
<!-- to use a specific version, include this in your `<head>`, replace version-number with a specified version -->
<script async type='module' src='https://unpkg.com/@epigraph/spinner@{version-number}/dist/epigraph-spinner.min.js'></script>
    
<!-- Use it just like other HTML Elements -->
<epigraph-spinner sku="valid-epigraph-product-sku" ua-code="your-valid-ua-code"></epigraph-spinner>

Usage

You can insert epigraph-spinner elements anywhere you'd like. Epigraph Spinner currently serves one purpose: to embed a spinner directly in your page.

Properties

sku

Insert your product code/item no. for specifying which model to load (from our DB). This is a reactive attribute, so changing the sku attribute will force a model reload.

Default:
""
Type:
String
Attribute:
sku
uaCode

*Required* Universal Analytics code, required to send analytics events to your GA dashboard

Default:
""
Type:
String
Attribute:
ua-code

Methods

load

Call this method to set spinner loading to start immediately

Type:
Void

Events

epigraph-invalid-product

You can register to this event from <epigraph-ar> to know if <epigraph-ar> has failed to fetch a valid product.

Type
epigraph-valid-product

You can register to this event from <epigraph-ar> to know when <epigraph-ar> has successfully fetched a valid product. You can leverage this event to enable custom actions that should only happen for AR and 3D-enabled products.

Type

Slots

No items found.

Styling

No items found.