request-stripe
v1.0.3
Published
๐ The tiny library for rendering a progress bar on top your screen
Downloads
319
Maintainers
Readme
request-stripe
๐ The tiny library for rendering a progress bar on top your screen.
Features
- ๐ฆ Zero dependencies
- ๐ฏ Framework agnostic, using vanila API
- ๐ Less 3 KB
- ๐จ Tiny API
- โ๏ธ Customize render and styles
- ๐งฒ Autocombine requests
Getting Started
npm install request-stripe
import { requestStripe } from 'request-stripe';
fetch().finally(requestStripe());
// or
const done = requestStripe();
fetch().finally(() => {
done();
});
Customization
Styles
.request-stripe-custom {
color: #e11d48;
animation-name: custom-process, custom-finish;
animation-...
}
.request-stripe-custom[data-state='process'] {
animation-play-state: running, paused;
}
.request-stripe-custom[data-state='finish'] {
animation-play-state: paused, running;
}
@keyframes custom-process {
...
}
@keyframes custom-finish {
...
}
Render
import { Render, requestStripe } from 'request-stripe';
// Write a render function
const customRender: Render = () => {
const customElement = document.createElement('div');
document.body.appendChild(customElement);
return () => {
document.body.removeChild(stripeElement);
};
};
// Pass the function
const done = requestStripe(customRender);
fetch().finally(done);