# Stocks card

> Canonical HTML: https://screenrig.ai/docs/cards/stocks/

A market board: prices, daily change and a sparkline per symbol. The host supplies the quotes.

Category: Finance. Tags: Prices and rates, Charts and gauges, Lobbies and reception.

## Previews

![Stocks](/cards/stocks/v1/screenshots/canvas-bloom.webp?sha=9da0df0f330ee20e08dfe1aec8374158c3bf8e70981b81dc475d744b1fe8202d)

Canvas

![Stocks](/cards/stocks/v1/screenshots/corner-bloom.webp?sha=d0610aae3d2e3f6f91162009743ea1c6b1c5313adb5936901ffb5714b965c332)

Corner

![Stocks](/cards/stocks/v1/screenshots/chip-bloom.webp?sha=744138c9206548ad4e981c76dc1b6ab87ca0e0705d6658b2c743f9358bcc4622)

Chip

## Views and forms

Views: canvas, corner, chip. Canvas forms: landscape, portrait, strip.

[Card views, themes and publishing](/docs/cards/). [Browse the gallery](/apps/#cards).

## Data and privacy

Feed: `screenrig.quotes/v1`.

Feed documents carry source attribution. The Player supplies the feed to the card.

## Properties

For theme, background, accent and position, see [Common properties](/docs/cards/#common-properties).

Set static properties in `params`. Bind `data` to a project card data key for live values; that document holds only dynamic properties. Without a data key, put the complete configuration in `params`. Nested rows describe the contents of their parent property.

### Static properties

| Name | Type | Default | Values and limits | Description |
| --- | --- | --- | --- | --- |
| `title` | string | `""` | maxLength: `40` | Shown above the board; empty shows none. |
| `layout` | string | `"auto"` | `"auto"`, `"grid"`, `"list"`, `"ticker"` | auto: a grid when wide, a list when tall, a ticker in a strip. |
| `showSparkline` | boolean | `true` |  |  |
| `decimals` | integer | `2` | minimum: `0`; maximum: `4` |  |
| `hour12` | boolean | `false` |  |  |
| `timeZone` | string, null | `null` |  |  |

### Dynamic properties

This card has no dynamic properties.

## Canvas example

Add this item to a playlist page’s `primitives`. [Publish the playlist and assign a screen](/docs/cards/#publish-a-card-canvas).

```json
{
  "id": "stocks",
  "primitive": "card",
  "card": "stocks",
  "major": 1,
  "params": {
    "theme": "neomustard"
  },
  "rect": {
    "x": 0,
    "y": 0,
    "width": 1920,
    "height": 1080
  },
  "layer": 0,
  "content_fit": "fill"
}
```