> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ainvest.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Quick Quote

> Compact regular-session and extended-hours quote with essential trading statistics.

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.

<iframe data-widget-embed-slot="quick-quote" src="https://h5.ainvest.com/frontPage/regular/widgets-container/quick-quote-open-widget-preview.html" title="AInvest Quick Quote widget preview" style={{ display: "block", width: "100%", height: "min(80vh, 900px)", minHeight: "720px", maxHeight: "900px", border: 0, borderRadius: "12px", overflow: "hidden" }} loading="lazy" allow="clipboard-write; fullscreen" allowFullScreen referrerPolicy="strict-origin-when-cross-origin" />

## Properties

### Common properties

| Name              | Type                         | Required | Default      | Description                                                                |
| ----------------- | ---------------------------- | -------- | ------------ | -------------------------------------------------------------------------- |
| `theme`           | `"light" or "dark"`          | No       | `light`      | Visual theme applied inside the widget iframe.                             |
| `locale`          | `string`                     | No       | `en`         | Locale used by labels, formatting, and component copy when supported.      |
| `colorPreference` | `"GreenForUp" or "RedForUp"` | No       | `GreenForUp` | Controls whether green or red represents positive price movement.          |
| `autoHeight`      | `boolean`                    | No       | `true`       | Enables ResizeObserver-driven iframe height updates through `postMessage`. |

### Widget properties

| Name       | Type      | Required | Default       | Description                                    |
| ---------- | --------- | -------- | ------------- | ---------------------------------------------- |
| `symbol`   | `string`  | Yes      | `AAPL:NASDAQ` | Active security in `SYMBOL:EXCHANGE` format.   |
| `hideLogo` | `boolean` | No       | `false`       | Hides the AInvest logo area in the quote card. |

## 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](/widgets/api-reference/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.

## Related widgets

* [Super Chart](/widgets/api-reference/super-chart) adds historical and technical-analysis context.
* [News Wire](/widgets/api-reference/news-wire) shows timely headlines for the same security.