svelte-loading-skeleton

1.0.1 • Public • Published

Svelte loading skeleton

Also want to make svelte components? use the svelte-component-template!


Customizable loading skeleton for Svelte

Installing

yarn add svelte-loading-skeleton

Usage

<script>
  import { Skeleton } from 'svelte-loading-skeleton';
</script> 
 
<!-- All properties below are default -->
<Skeleton 
  width="100%"
  height="25px" 
  borderRadius="4px" 
  baseColor="rgb(238, 238, 238)" 
  highlightColor="rgb(245, 245, 245)" 
  animationLength="1.2s" 
/>
 
<!-- Use default skeleton -->
<Skeleton />
 
<!-- For custom elements -->
<loading-skeleton
  width="100%"
  height="25px" 
  borderRadius="4px" 
  baseColor="rgb(238, 238, 238)" 
  highlightColor="rgb(245, 245, 245)" 
  animationLength="1.2s" 
/>

Package Sidebar

Install

npm i svelte-loading-skeleton

Weekly Downloads

119

Version

1.0.1

License

MIT

Unpacked Size

15 kB

Total Files

13

Last publish

Collaborators

  • dylanblokhuis