# Crypto card

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

Coins with their price, 24-hour change and a sparkline. The host supplies the quotes.

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

## Previews

![Crypto](/cards/crypto/v1/screenshots/canvas-bloom.webp?sha=8db9aa7ce1ea83ef3e9b7c83d7e274a744ee6e90a2ce4135686303489238971a)

Canvas

![Crypto](/cards/crypto/v1/screenshots/corner-bloom.webp?sha=dbcda2282c6e1bdc1dd2910daba7379a72c8c7a3bf786115151f8288207472c6)

Corner

![Crypto](/cards/crypto/v1/screenshots/chip-bloom.webp?sha=7885f9f54e065c6b757f0d37ab2f70471ac979066946c7f88ac2565b2e421ff1)

Chip

## Views and forms

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

[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"` | auto: a grid when wide, a list when tall. |
| `decimals` | string, integer | `"auto"` | minimum: `0`; maximum: `8`; pattern: `"^auto$"` | auto: 0 places from 1,000, 2 from 1, otherwise 4 significant digits. |
| `showSparkline` | boolean | `true` |  |  |
| `hour12` | boolean | `false` |  |  |
| `timeZone` | string, null | `null` |  |  |
| `symbols` | array | `["btc","eth"]` | minItems: `1`; maxItems: `20` | Coins to quote: tickers of common coins (btc, eth, sol) or CoinGecko ids. Selects the feed. |
| `currency` | string | `"usd"` | pattern: `"^[a-z]{2,8}$"` | Quote currency for prices, a CoinGecko code such as usd or eur. Selects the feed. |

### 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": "crypto",
  "primitive": "card",
  "card": "crypto",
  "major": 1,
  "params": {
    "theme": "neomustard"
  },
  "rect": {
    "x": 0,
    "y": 0,
    "width": 1920,
    "height": 1080
  },
  "layer": 0,
  "content_fit": "fill"
}
```