@servicensw/loader

Loader

Usage no npm install needed!

<script type="module">
  import servicenswLoader from 'https://cdn.skypack.dev/@servicensw/loader';
</script>

README

@servicensw/loader

A loader/spinner component.

Loader component

Service NSW package documentation and examples
(Login credentials required)

Installation

npm install @servicensw/loader --save-dev

How to use

CSS

  • PostCSS workflow: @import '@servicensw/loader';
  • Sass/Eyeglass: @import 'servicensw-loader';
  • Native CSS: @import url('dist/loader.css');
  • Link tag: <link href="dist/loader.css" rel="stylesheet" type="text/css">

React

import Loader from '@servicensw/loader';

const App = () => (
  <Loader message="Optional message" />
);

Developer notes

The loader graphic uses an SMIL SVG for animation. This package supports animation in IE/Edge for projects using Modernizr by providing a fallback GIF.