Trading terminal price panel: OHLC candles with a volume strip, a crosshair that reads the exact bar into the header, and a gliding-thumb timeframe switch. Light and dark via shadcn theme tokens.
import { useEffect } from "react"import { Demo } from "@/components/ui/candle-chart"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="w-full"> <Demo /> </div> )}