Sortable market watchlist: per-row sparkline trend, sort by symbol or change with direction toggle, and row selection marked by an accent rail. Light and dark via theme tokens.
import { useEffect } from "react"import { Demo } from "@/components/ui/market-watchlist"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> )}