Components
Stock snapshot card: animated price line with pointer scrubbing, a 1D-to-All period switch, and the hovered price reading into the header with its delta. Light and dark via theme tokens.
Loading preview...
import { Demo } from "@/components/ui/market-snapshot"
export default function DemoOne() {
return (
<div className="w-full bg-background" style={{ background: "var(--card)" }}>
<Demo />
</div>
)
}