Skeleton

Reserve layout space while content loads.

Examples

Installation

Install the package, then import only the components a route uses. Exports are tree-shakable.

Install
pnpm add fractalsvelte
Import
<script lang="ts">
	import { Skeleton } from 'fractalsvelte';
</script>

Usage

Usage
<script lang="ts">
	import { Skeleton } from 'fractalsvelte';
</script>

<Skeleton />

Props

PropTypeDefaultDescription
widthstring'100%'CSS width of the placeholder.
heightstring'16px'CSS height of the placeholder.