Skip to main content

​
Overview

Animated List is a component that displays list items with sequential animation, adding each item with a configurable delay. Perfect for notifications, activity feeds, or event lists.

​
Usage

<template>
  <AnimatedList :delay="1000">
    <Notification v-for="item in items" :key="item.id" :item="item" />
  </AnimatedList>
</template>

​
API Reference

​
Props

Prop NameTypeDefaultDescription
delaynumber1The delay in milliseconds before adding each item to the list.

​
Credits

Build docs developers (and LLMs) love

Get started for freeTalk to us