Skip to main content

​
Installation

    ​
    Usage

    showLineNumbers
    import { AnimatedList } from "@/components/ui/animated-list"
    showLineNumbers
    <AnimatedList delay={1000}>
  <div className="p-4 border rounded">Item 1</div>
  <div className="p-4 border rounded">Item 2</div>
  <div className="p-4 border rounded">Item 3</div>
</AnimatedList>

    ​
    Props

    ​
    Animated List

    PropTypeDefaultDescription
    classNamestring-The class name for the component
    delaynumber1000The delay between each item in ms

    Build docs developers (and LLMs) love

    Get started for freeTalk to us