import { RollingText } from '@/components/animate-ui/primitives/texts/rolling';
interface RollingTextDemoProps {
delay: number;
}
export const RollingTextDemo = ({ delay }: RollingTextDemoProps) => {
return (
<RollingText
key={delay}
delay={delay}
className="text-4xl font-semibold"
text="Rolling Text"
/>
);
};
npx shadcn@latest add @animate-ui/demo-primitives-texts-rollingimport { DemoPrimitivesTextsRolling } from "@/components/ui/demo-primitives-texts-rolling"<DemoPrimitivesTextsRolling />