@epigraph/spinner
Advanced tools
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.
<head>
<script type="module" async src="https://www.unpkg.com/@epigraph/spinner/dist/epigraph-spinner.min.js"></script>
</head>
You can insert epigraph-spinner elements anywhere you'd like. Epigraph Spinner currently serves one purpose: to embed a spinner directly in your page.
| Name | Type | Default Value | Description |
|---|---|---|---|
sku | String, required | "null" | Insert your product code/item no. for specifying which spinner to load (from our DB). This is a reactive attribute, so changing the sku attribute will force a spinner reload. |
ua-code | String, required | "" | Insert your ua-code for google analytics in order to send analytics event to your dashboard. |
ga-event-label-type | String | "name" | Specify which type of GA event label you would like to use. Options are: "name" - for product name, "sku" - for product sku, "name and sku" a combinator string that results in "{name} - {sku}" |
<epigraph-spinner sku="abc123" ua-code="valid-ua-code"></epigraph-spinner>
"epigraph-valid-product"You can register to this event from <epigraph-spinner> to know when <epigraph-spinner> has successfully fetched a valid product. You can leverage this event to enable custom actions that should only happen for products with epigraph spinners.
// target <epigraph-spinner>
const eSpin = document.querySelector('epigraph-spinner');
// add the event listener
eSpin.addEventListener('epigraph-valid-product', () => {
// do something
})
"epigraph-invalid-product"You can register to this event from <epigraph-spinner> to know if <epigraph-spinner> has failed to fetch a valid product.
// target <epigraph-spinner>
const eSpin = document.querySelector('epigraph-spinner');
// add the event listener
eSpin.addEventListener('epigraph-invalid-product', () => {
// do something
})
| Name | Description |
|---|---|
load() | Call this method to set spinner loading to start immediately |
FAQs
The Epigraph Spinner web component
The npm package @epigraph/spinner receives a total of 29 weekly downloads. As such, @epigraph/spinner popularity was classified as not popular.
We found that @epigraph/spinner demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 6 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
/Security News
Campaign of 108 extensions harvests identities, steals sessions, and adds backdoors to browsers, all tied to the same C2 infrastructure.
Security News
OpenAI rotated macOS signing certificates after a malicious Axios package reached its CI pipeline in a broader software supply chain attack.
Security News
Open source is under attack because of how much value it creates. It has been the foundation of every major software innovation for the last three decades. This is not the time to walk away from it.