Skip to main content
Quick Quote provides a focused snapshot of one security, including the latest price, price change, market session, extended-hours context, daily range, volume, and other supported trading statistics.

​
Properties

​
Common properties

​
Widget properties

​
When to use Quick Quote

  • Symbol headers and compact stock-detail summaries
  • Article, news, portfolio, or watchlist sidebars
  • Multi-widget workspaces that need lightweight price context
  • Pages where a full interactive chart would be unnecessarily heavy
Use Super Chart when users need historical exploration, intervals, indicators, or drawing tools.

​
Core experience

The primary quote should clearly identify the symbol, exchange, company, price, change, market session, and timestamp. When the market is closed, keep the latest regular-session close as the primary value and display pre-market or post-market values as labeled secondary information. Statistics should use consistent units and abbreviations. Never mix delayed and real-time values without an explicit status label.

​
Data and session states

Support loading, invalid-symbol, delayed-data, market-closed, extended-hours, entitlement, reconnecting, and error states. Preserve the last valid quote during brief reconnects and label it as potentially stale. Price, change, and timestamp must refer to the same session. If extended-hours values are unavailable, hide the row rather than showing a misleading zero.

​
Responsive behavior

At narrow widths, prioritize symbol, latest price, price change, market session, and timestamp. Secondary statistics may wrap into a compact grid or collapse behind a disclosure control. Avoid truncating the security symbol or price.

​
Accessibility

  • Give the iframe a descriptive title that includes the active widget name.
  • Ensure updated prices remain readable without excessive screen-reader announcements.
  • Pair positive and negative colors with signs, labels, or icons.
  • Keep timestamps and session labels available to assistive technologies.
  • Provide visible focus for clickable symbol and company elements.

​
Best practices

  • Use an exchange-qualified symbol when the production contract supports it.
  • Show extended-hours information only when it is relevant and available.
  • Reserve enough height for statistics to avoid layout shift.
  • Keep the quote synchronized with the surrounding symbol page.
  • Test market-open, market-closed, invalid-symbol, and reconnecting states.
  • Super Chart adds historical and technical-analysis context.
  • News Wire shows timely headlines for the same security.