1.7 KiB
| type | title | sidebar_label | description |
|---|---|---|---|
| card | Webpage Card | Webpage | The Webpage card allows you to embed your favorite webpage right into Home Assistant. |
The Webpage card allows you to embed your favorite webpage right into Home Assistant. You can also embed files stored in your <config-directory>/www folder and reference them using /local/<file>.
Windy weather radar as Webpage.
To add the Webpage card to your user interface, click the menu (three dots at the top right of the screen) and then Edit Dashboard. Click the "Add Card" button in the bottom right corner and select Webpage from the card picker. All options for this card can be configured via the user interface.
{% configuration %}
type:
required: true
description: "iframe"
type: string
url:
required: true
description: Website URL.
type: string
aspect_ratio:
required: false
description: 'Forces the height of the image to be a ratio of the width. Valid formats: Height percentage value (23%) or ratio expressed with colon or "x" separator (16:9 or 16x9). For a ratio, the second element can be omitted and will default to "1" (1.78 equals 1.78:1).'
type: string
default: "50%"
title:
required: false
description: The card title.
type: string
{% endconfiguration %}
Examples
The card can also be configured using YAML, some examples below:
type: iframe
url: https://grafana.localhost/d/000000027/worldping-endpoint-summary?var-probe=All&panelId=2&fullscreen&orgId=3&theme=light
aspect_ratio: 75%