Sean Mooney dad4a22e4f
Add UI setup instructions to Lovelace card pages (#15155)
Co-authored-by: Franck Nijhof <git@frenck.dev>
2020-10-10 13:55:56 +02:00

66 lines
1.7 KiB
Markdown

---
title: "Sensor Card"
sidebar_label: Sensor
description: "The Sensor card gives you a quick overview of your sensors state with an optional graph to visualize change over time."
---
The Sensor card gives you a quick overview of your sensors state with an optional graph to visualize change over time.
<p class='img'>
<img src='/images/lovelace/lovelace_sensor.png' alt='Screenshot of the sensor card'>
Screenshot of the sensor card.
</p>
To add the Sensor card to your user interface, click the Lovelace menu (three dots at the top right of the screen) and then **Edit Dashboard**. Click the plus button in the bottom right corner and select **Sensor** from the card picker. All options for this card can be configured via the user interface.
{% configuration %}
type:
required: true
description: sensor
type: string
entity:
required: true
description: Entity id of `sensor` domain
type: string
icon:
required: false
description: The card icon
type: string
name:
required: false
description: The card name
type: string
graph:
required: false
description: Type of graph `none` or `line`
type: string
unit:
required: false
description: The unit of measurement
type: string
detail:
required: false
description: Detail of the graph `1` or `2`, `1` equals one point/hour, `2` equals six points/hour
type: integer
default: 1
hours_to_show:
required: false
description: Hours to show in graph
type: integer
default: 24
theme:
required: false
description: Set to any theme within `themes.yaml`
type: string
{% endconfiguration %}
## Example
Alternatively, the card can be configured using YAML:
```yaml
type: sensor
entity: sensor.illumination
name: Illumination
```