@hz-libs/bpe-ui-fade-in

Fade-in animation primitive for Vue 3.

Docs

Install

pnpm add @hz-libs/bpe-ui-fade-in

The app must already depend on Vue ^3.5.0.

Use

The slot fades in when it mounts. Change the key to play the fade again.

<script setup>
import { ref } from 'vue'
import { FadeInAnimation } from '@hz-libs/bpe-ui-fade-in'

const key = ref(0)
</script>

<template>
  <button type="button" @click="key += 1">Replay</button>
  <FadeInAnimation :key="key">
    <span>This fades in.</span>
  </FadeInAnimation>
</template>

Exports

FadeInAnimation.