Skip to content
On this page

ZvBlurHashImg

ZvBlurHashImg is a standalone component

INFO

Before you have to import the global css files in your project, follow instructions in Getting Started

Prerequisites

blurhash
bash
npm install blurhash@2

Basic usage

vue
<template>
  <ZvBlurHashImg
    hash="|SHU%tNH9a-oNGayjYWBt6~qogM{oft6Rjoeaya}9cM{s-a$t6R*f6t6R+D%IrSiobayWXf6t7WC-nR.R-t5M|j[j[ofj?jEt6xtRkRkofjaj?oeIUoJxZRkflf6a{j[j?RjWEf6ocW=oeayayoLS%W=Rjt6t6jYWDjZay"
    :aspectRatio="0.8"
  />
</template>

<script lang="ts" setup>
  import ZvBlurHashImg from '@zadigetvoltaire/ui/components/ZvBlurHashImg'
</script>