@ppci-mock/custom-shimmer
v1.1.18
Published
A shimmer
Downloads
5
Keywords
Readme
Shimmer
Table of contents
Installation
NPM
npm i @ppci-mock/custom-shimmer
// Polyfill: https://lit-element.polymer-project.org/guide/use#polyfills
npm i --save-dev @webcomponents/webcomponentsjs
Usage
Javascript
import '@ppci-mock/custom-shimmer'
Browser
<!-- Default -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci-mock/custom-shimmer/builds/index.min.js" />
<!-- Legacy -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci-mock/custom-shimmer/builds/legacy.min.js" />
<!-- Component -->
<custom-shimmer
hideAnimation=${Boolean}
></custom-shimmer>
Styling
custom-shimmer {
--height: 24px;
--width: 200px;
--animation-duration: 2s;
/* use 50% to make a circular shimmer */
--border-radius: 0;
}