Svelte Content Placeholder

Replicate components with shadow versions while content is not yet available

Warning: Package under construction. API is subject to changes.

Usage

<script>
  import Placeholder from 'svelte-content-placeholder';
</script>

<Placeholder>
  <circle cx="50" cy="30" r="30"></circle>
  <rect x="10" y="70" rx="3" ry="3" width="40" height="10"></rect>
  <rect x="60" y="70" rx="3" ry="3" width="70" height="10"></rect>
  <rect x="140" y="70" rx="3" ry="3" width="20" height="10"></rect>
  <rect x="10" y="90" rx="3" ry="3" width="90" height="10"></rect>
  <rect x="110" y="90" rx="3" ry="3" width="70" height="10"></rect>
  <rect x="10" y="110" rx="3" ry="3" width="70" height="10"></rect>
  <rect x="90" y="110" rx="3" ry="3" width="60" height="10"></rect>
</Placeholder>