Auto-cycling market news card: timestamp, bold headline, source, and dot pagination. Dot clicks jump and reset the clock; auto-cycle pauses for reduced-motion users. Light and dark via theme tokens.
import { useEffect } from "react"import { NewsCard } from "@/components/ui/news-card"export default function DemoOne() { // open the preview in dark by default; the sandbox theme toggle still works useEffect(() => { document.documentElement.classList.add("dark") }, []) return ( <div className="flex min-h-[320px] w-full items-center justify-center p-8"> <NewsCard /> </div> )}