@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}" |
ga-spinner-availability-event | Boolean | true | toggle whether to send a spinner available GA event |
<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.
Company News
Socket won two 2026 Reppy Awards from RepVue, ranking in the top 5% of all sales orgs. AE Alexandra Lister shares what it's like to grow a sales career here.
Security News
NIST will stop enriching most CVEs under a new risk-based model, narrowing the NVD's scope as vulnerability submissions continue to surge.
Company News
/Security News
Socket is an initial recipient of OpenAI's Cybersecurity Grant Program, which commits $10M in API credits to defenders securing open source software.