UI

Index Card

A market index card for the S&P 500, Dow, Nasdaq and Russell, with tabs between indices and an intraday line you can scrub.

When to use it

For a small set of benchmarks the reader switches between rather than compares side by side. Scrubbing recomputes the headline from the hovered sample, so the number and the chart never disagree.

Props · IndexCard

PropTypeDefault
eyebrow?string"Markets"
indices?IndexQuote[]DEFAULT_INDICES
defaultIndex?number3
openMinutes?number570
closeMinutes?number960
onSelect?(index: IndexQuote, i: number) => void className?: string·

Generated from the component source. Run npm run props:extract after changing a signature.