# Moon card

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

Tonight's moon drawn large, with its phase, rise and set, the next full moon and its name, the month's phases and the next lunar eclipse. Computed on the Player; no feed.

Category: Weather. Tags: Weather and environment, Clocks and calendars.

## Previews

![Moon](/cards/moon/v1/screenshots/canvas-bloom.webp?sha=f1697d5d567a3f94f890bda854d6edb7093be429170fce51f3015fa02ce84f91)

Canvas

![Moon](/cards/moon/v1/screenshots/corner-bloom.webp?sha=94758cd11b56165c06b9e57f79568cad4c18360007961e0574bc319e1967dede)

Corner

![Moon](/cards/moon/v1/screenshots/chip-bloom.webp?sha=a01f253f707cb72602aa7e22033fea34a9a45ade8ee8cfff776cf9e25e97b9ce)

Chip

## Views and forms

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

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

## Data and privacy

This card uses its configured properties and live card data.

## 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 | `"Moon"` | maxLength: `30` | The header when the location has no name. |
| `location` | object, null | `null` | additionalProperties: `false` | Where the moon is watched from: rise and set, which way up the moon is lit, and which eclipses are visible. Empty shows the phase alone. |
| `location.name` | string |  | maxLength: `40`; Required |  |
| `location.latitude` | number |  | minimum: `-90`; maximum: `90`; Required |  |
| `location.longitude` | number |  | minimum: `-180`; maximum: `180`; Required |  |
| `hemisphere` | string | `"north"` | `"north"`, `"south"` | Which way the moon is lit when there is no location. |
| `hour12` | boolean | `false` |  |  |
| `eclipses` | boolean | `true` |  | Show the next lunar eclipse the moon is up for. |
| `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": "moon",
  "primitive": "card",
  "card": "moon",
  "major": 1,
  "params": {
    "theme": "neomustard",
    "location": {
      "name": "Vancouver",
      "latitude": 49.25,
      "longitude": -123.0
    }
  },
  "rect": {
    "x": 0,
    "y": 0,
    "width": 1920,
    "height": 1080
  },
  "layer": 0,
  "content_fit": "fill"
}
```