Components
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.
Loading preview...
import { NewsCard } from "@/components/ui/news-card"
export default function DemoOne() {
return (
<div className="flex min-h-[320px] w-full items-center justify-center bg-background p-8">
<NewsCard />
</div>
)
}