@olenbetong/spinner

React component used to navigate dates.

Usage no npm install needed!

<script type="module">
  import olenbetongSpinner from 'https://cdn.skypack.dev/@olenbetong/spinner';
</script>

README

@olenbetong/spinner

React component used to navigate dates.

Installation

NPM:

npm i @olenbetong/spinner

import { Spinner } from '@olenbetong/spinner';

UMD and ESM builds are available on unpkg.com. For UMD, the components are available in the global ReactSpinner variable.

<script src="https://unpkg.com/@olenbetong/spinner@latest/dist/umd/spinner.min.js" type="text/javascript"></script>
<script type="text/javascript">
const { Spinner } = ReactSpinner;
</script>

<script type="module">
import { Spinner } from "https://unpkg.com/@olenbetong/spinner@latest/dist/esm/spinner.min.js";
</script>

Usage

Spinner component has a fullPage property that makes it cover the entire viewport. It is done using width 100vw and height 100vh, so if there is anything else on the page, there will be scrollbars. Size is based on font size.

<Spinner /> // inline
<Spinner fullPage // full page