svelte-content-placeholder

<div> <div align="center" style="display: block; text-align: center;"> <img alt="Example" src="docs/example.gif" width="120" /> </div> <h1 align="center">Svelte Content Placeholder</h1> <h4 align="center"> Replicate components with shadow

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
svelte-content-placeholder
000.1.0-beta-24 months ago4 months agoMinified + gzip package size for svelte-content-placeholder in KB

Readme

<img alt="Example" src="docs/example.gif" width="120" />
Svelte Content Placeholder

Replicate components with shadow versions while content is not
yet available



Build Lint Test Version Downloads

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>