4.1.1 • Published 1 year ago

@tadashi/svelte-loading v4.1.1

Weekly downloads
46
License
MIT
Repository
-
Last release
1 year ago

svelte-loading

NPM version Build Status Coverage Status


Svelte component

Install

$ npm i -S @tadashi/svelte-loading

CSS Vars

varsdefault
--uib-colorblack
--uib-sizedepends on loader
--uib-speeddepends on loader
--
--tadashi-svelte-loading-background-coloroklch(0% 0 0 / 0.3)
--tadashi-svelte-loading-duration0.5s

Usage

You can see an example here: https://svelte.dev/repl/be139b8c36074a9e9bbc824d6c8f0130

<script>
  import {Loading, acts} from '@tadashi/svelte-loading'

  function show() {
    acts.show(true)
  }

  function hide(event) {
    if (event.key === 'Escape') {
      event.preventDefault()
      acts.show(false)
    }
  }
</script>

<button
  type="button"
  on:click={show}>Show</button
>

<Loading
  animation="ThreeBall"
  --tadashi-svelte-loading-background-color="hsl(100deg 50% 50% / 40%)"
/>

<svelte:window on:keydown={hide} />

Loaders

Lightweight loaders built by Griffin Johnston for UI Ball.

Buy Me a Coffee

BTC: bc1q7famhuj5f25n6qvlm3sssnymk2qpxrfwpyq7g4

License

MIT © Thiago Lagden MIT © Griffin Johnston

4.1.1

1 year ago

4.1.0

1 year ago

4.0.1

1 year ago

4.0.0

1 year ago

3.1.0

2 years ago

3.0.0

3 years ago

2.1.0

4 years ago

2.0.0

4 years ago

1.2.1

4 years ago

1.2.0

5 years ago

1.1.0

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago