Components
Asset header card: ticker, name, mono price with a day-delta chip, view toggles, and a hairline price line. Scrubbing reads the hovered price into the header; letting go returns to live. Theme-aware.
Loading preview...
import { Demo } from "@/components/ui/price-chart-card"
export default function DemoOne() {
return (
<div className="w-full bg-background" style={{ background: "var(--card)" }}>
<Demo />
</div>
)
}