Svelte component for blurhash images.
npm install -D blurhash-svelte
The package includes two components:
Component for rendering a blurhash image as placeholder while image loads.
- Import the component
import { BlurHashImage } from 'blurhash-svelte'
- Use the component
<BlurHashImage
height={128}
width={128}
punch={1}
src={"<YOUR-IMAGE-SRC>"}
hash={"<YOUR-BLURHASH-STRING>"}
useLazy={true}
>
Component for rendering only the blurhash image.
- Import the component
import { BlurHash } from 'blurhash-svelte'
- Use the component
<BlurHash
height={128}
width={128}
punch={1}
hash={"<YOUR-BLURHASH-STRING>"}
>