@wabosh/navigation-loader
TypeScript icon, indicating that this package has built-in type declarations

0.2.7 • Public • Published

npm NPM GitHub last commit npm bundle size

Navigation Loader

A simple-to-use navigation loading indicator. It uses navigation state to display loading (with unknown duration) with a customizable fixed loading bar at the top of the page. Currently tested with goto(...) as well as <a href="...">...</a> navigation.

Install

npm install --save @wabosh/navigation-loader

Usage

Simply put it at the start of your +layout.svelte.

<!-- +layout.svelte -->
<script>
    import {NavigationLoader} from "@wabosh/navigation-loader";
</script>

<NavigationLoader animationDuration={250} color="#7fffd4">

<slot />

Package Sidebar

Install

npm i @wabosh/navigation-loader

Weekly Downloads

50

Version

0.2.7

License

MIT

Unpacked Size

6.79 kB

Total Files

7

Last publish

Collaborators

  • wabosh