diff --git a/source/_lovelace/entities.markdown b/source/_lovelace/entities.markdown
index 47c0bddb6cf..5266cf67d25 100644
--- a/source/_lovelace/entities.markdown
+++ b/source/_lovelace/entities.markdown
@@ -2,12 +2,43 @@
layout: page
title: "Entities Card"
sidebar_label: Entities
-description: "TBD"
+description: "Entities will be the most common type of card that will also be the most familiar to people using the standard interface. It groups items together very close to how groups used to do."
date: 2018-07-01 10:28 +00:00
sidebar: true
comments: false
sharing: true
footer: true
---
+### Entities
+Entities will be the most common type of card that will also be the most familiar to people using the standard interface. It groups items together very close to how groups used to do.
-TBD
\ No newline at end of file
+**Options**
+
+| Name | Type | Default | Description
+| ---- | ---- | ------- | -----------
+| type | string | **Required** | `entities`
+| entities | list | **Required** | Entity id's or an `entity` object (see structure below).
+| title | string | Optional | Card title
+| show_header_toggle | boolean | true | Button to turn on/off all entities
+
+`entity` object
+
+| Name | Type | Default | Description
+| ---- | ---- | ------- | -----------
+| entity | string | **Required** | An entity_id. Example: 'device_tracker.demo_paulus'.
+| name | string | **Required** | A new name for the entity_id
+
+**Example**
+
+```yaml
+- type: entities
+ title: Entities card sample
+ show_header_toggle: true
+ entities:
+ - entity: alarm_control_panel.alarm
+ name: Alarm Panel
+ - device_tracker.demo_paulus
+ - switch.decorative_lights
+ - group.all_lights
+ - group.all_locks
+```
diff --git a/source/_lovelace/entity-filter.markdown b/source/_lovelace/entity-filter.markdown
index 49f78b34b94..8663f5b4880 100644
--- a/source/_lovelace/entity-filter.markdown
+++ b/source/_lovelace/entity-filter.markdown
@@ -2,7 +2,7 @@
layout: page
title: "Entity Filter Card"
sidebar_label: Entity Filter
-description: "TBD"
+description: "This card allows you to define a list of entities that you want to track only when in a certain state. Very useful for showing lights that you forgot to turn off or show a list of people only when they're at home. "
date: 2018-07-01 10:28 +00:00
sidebar: true
comments: false
@@ -10,4 +10,59 @@ sharing: true
footer: true
---
-TBD
\ No newline at end of file
+### Entity filter
+
+This card allows you to define a list of entities that you want to track only when in a certain state. Very useful for showing lights that you forgot to turn off or show a list of people only when they're at home.
+
+This type of card can also be used together with rest of cards that allow multiple entities, allowing you to use [glance](/lovelace/glance/) or [picture-glance](/lovelace/picture-glance/). By default it uses [entities](/lovelace/entities/) card model.
+
+
+
+Screenshot of the entity filter card.
+
+
+**Options**
+
+| Name | Type | Default | Description
+| ---- | ---- | ------- | -----------
+| type | string | **Required** | `entity-filter`
+| entities | array | **Required** | Array of entity_ids
+| state_filter | array | **Required** | Array of strings representing states
+| card | object | `entities` type | Extra options to pass down to the card rendering the result.
+| show_empty | boolean | true | Allows hiding of card when no entities returned by filter.
+
+**Examples**
+
+Show only active switches or lights in the house
+```yaml
+- type: entity-filter
+ entities:
+ - entity: light.bed_light
+ name: Bed
+ - light.kitchen_lights
+ - light.ceiling_lights
+ state_filter:
+ - 'on'
+ card:
+ title: Eating power
+```
+
+Show only people that are at home using [glance](/lovelace/glance/):
+
+```yaml
+- type: entity-filter
+ entities:
+ - device_tracker.demo_paulus
+ - device_tracker.demo_anne_therese
+ - device_tracker.demo_home_boy
+ state_filter:
+ - 'home'
+ card:
+ type: glance
+ title: People at home
+```
+
+
+
+Screenshot of the entity filter used on a Glance card.
+
diff --git a/source/_lovelace/history-graph.markdown b/source/_lovelace/history-graph.markdown
index e94209b549e..987d5d4f815 100644
--- a/source/_lovelace/history-graph.markdown
+++ b/source/_lovelace/history-graph.markdown
@@ -2,12 +2,38 @@
layout: page
title: "History Graph Card"
sidebar_label: History Graph
-description: "TBD"
+description: "History graph is a basic card, allowing you to display a graph for each of the entities in the list specified as config."
date: 2018-07-01 10:28 +00:00
sidebar: true
comments: false
sharing: true
footer: true
---
+### History graph
-TBD
\ No newline at end of file
+History graph is a basic card, allowing you to display a graph for each of the entities in the list specified as config.
+
+
+
+Screenshot of the history graph card.
+
+
+**Options**
+
+| Name | Type | Default | Description
+| ---- | ---- | ------- | -----------
+| type | string | **Required** | `history-graph`
+| entities | list | **Required** | List of entities to graph.
+| hours_to_show | integer | 24 | Hours to show
+| refresh_interval | integer | 0 | Refresh interval in seconds
+| title | string | Optional | `My Graphs`
+
+**Example**
+
+```yaml
+- type: history-graph
+ title: 'My Graph'
+ entities:
+ - sensor.outside_temperature
+ - media_player.lounge_room
+```
diff --git a/source/_lovelace/horizontal-stack.markdown b/source/_lovelace/horizontal-stack.markdown
index ba0d57f3524..873fc243f14 100644
--- a/source/_lovelace/horizontal-stack.markdown
+++ b/source/_lovelace/horizontal-stack.markdown
@@ -2,12 +2,40 @@
layout: page
title: "Horizontal Stack Card"
sidebar_label: Horizontal Stack
-description: "TBD"
+description: "Horizontal stack card will allow you to stack together multiple cards so they always sit next to each other in the space of one column."
date: 2018-07-01 10:28 +00:00
sidebar: true
comments: false
sharing: true
footer: true
---
+### Horizontal stack
-TBD
\ No newline at end of file
+Horizontal stack card will allow you to stack together multiple cards so they always sit next to each other in the space of one column.
+
+**Options**
+
+| Name | Type | Default | Description
+| ---- | ---- | ------- | -----------
+| type | string | **Required** | `horizontal-stack`
+| cards | list | **Required** | List of cards
+
+**Example**
+
+Basic example
+
+```yaml
+- type: horizontal-stack
+ cards:
+ - type: picture-entity
+ image: https://images.pexels.com/photos/164595/pexels-photo-164595.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=240&w=495
+ entity: light.ceiling_lights
+ - type: picture-entity
+ image: https://images.pexels.com/photos/545012/pexels-photo-545012.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=240&w=495
+ entity: light.bed_light
+```
+
+
+
+
+<p class=](/images/lovelace/lovelace_horizontal_stack.PNG)
+
+Screenshot of the markdown card.
+
+
+**Options**
+
+| Name | Type | Default | Description
+| ---- | ---- | ------- | -----------
+| type | string | **Required** | `markdown`
+| content | string | **Required** | Content to render as [markdown](http://commonmark.org/help/).
+| title | string | Optional | Card title
+
+**Example**
+
+```yaml
+- type: markdown
+ content: >
+ ## Lovelace
+
+ Starting with Home Assistant 0.72, we're experimenting with a new way of defining your interface. We're calling it the **Lovelace UI**.
+``
diff --git a/source/_lovelace/media-control.markdown b/source/_lovelace/media-control.markdown
index 490cc4876ee..c9e92ee98cc 100644
--- a/source/_lovelace/media-control.markdown
+++ b/source/_lovelace/media-control.markdown
@@ -2,7 +2,7 @@
layout: page
title: "Media Control Card"
sidebar_label: Media Control
-description: "TBD"
+description: "The media controller card is used to display Media Player entities on an interface with easy to use controls. "
date: 2018-07-01 10:28 +00:00
sidebar: true
comments: false
@@ -10,4 +10,25 @@ sharing: true
footer: true
---
-TBD
\ No newline at end of file
+### Media controller
+
+The media controller card is used to display [Media Player](/components/#search/media-player) entities on an interface with easy to use controls.
+
+
+
+Screenshot of the media player control card.
+
+
+**Options**
+
+| Name | Type | Default | Description
+| ---- | ---- | ------- | -----------
+| type | string | **Required** | `media-control`
+| entity | string | **Required** | Entity id of `media_player` domain
+
+**Example**
+
+```yaml
+- type: media-control
+ entity: media_player.lounge_room
+```
diff --git a/source/images/lovelace/lovelace_entity_filter.png b/source/images/lovelace/lovelace_entity_filter.png
new file mode 100644
index 00000000000..0f873ad2ad6
Binary files /dev/null and b/source/images/lovelace/lovelace_entity_filter.png differ
diff --git a/source/images/lovelace/lovelace_entity_filter_glance.png b/source/images/lovelace/lovelace_entity_filter_glance.png
new file mode 100644
index 00000000000..c4d7ed37104
Binary files /dev/null and b/source/images/lovelace/lovelace_entity_filter_glance.png differ
diff --git a/source/images/lovelace/lovelace_history_graph.png b/source/images/lovelace/lovelace_history_graph.png
new file mode 100644
index 00000000000..5a602955075
Binary files /dev/null and b/source/images/lovelace/lovelace_history_graph.png differ
diff --git a/source/images/lovelace/lovelace_horizontal_stack.PNG b/source/images/lovelace/lovelace_horizontal_stack.PNG
new file mode 100644
index 00000000000..c8b9625eaf5
Binary files /dev/null and b/source/images/lovelace/lovelace_horizontal_stack.PNG differ
diff --git a/source/images/lovelace/lovelace_markdown.png b/source/images/lovelace/lovelace_markdown.png
new file mode 100644
index 00000000000..dd432a6abd4
Binary files /dev/null and b/source/images/lovelace/lovelace_markdown.png differ
diff --git a/source/images/lovelace/lovelace_mediaplayer.png b/source/images/lovelace/lovelace_mediaplayer.png
new file mode 100644
index 00000000000..2d34d42db8f
Binary files /dev/null and b/source/images/lovelace/lovelace_mediaplayer.png differ