Density

TextAnimation

TextAnimation renders text immediately by default. Set animate to reveal the text’s comma-separated parts in sequence when the component mounts, preserving commas and whitespace. Change animationKey to replay an enabled animation.

I found three relevant results, each with current information.
import { Button, TextAnimation, View } from "density-base-ui";
import { RefreshCw } from "lucide-react";
import { useState } from "react";

export default function TextAnimationExample() {
  const [animationKey, setAnimationKey] = useState(0);

  return (
    <View>
      <TextAnimation
        animationKey={animationKey}
        animate
        text="I found three relevant results, each with current information."
      />
      <Button onClick={() => setAnimationKey((key) => key + 1)}>
        <RefreshCw aria-hidden="true" size={14} />
        Replay animation
      </Button>
    </View>
  );
}