Moving-average chart: one price line with 60- and 200-period SMA overlays, right-edge price ticks, and a summary row underneath with a signed change chip. Light and dark via theme tokens.
import { useEffect } from "react"import { Demo } from "@/components/ui/sma-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> )}