jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-05-22 10:56:50 +00:00
Code Issues Packages Projects Releases Wiki Activity
home-assistant.io/source/_lovelace/horizontal-stack.markdown
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

1.3 KiB
Raw Blame History

title, sidebar_label, description
title sidebar_label description
Horizontal Stack Card Horizontal Stack The Horizontal Stack card allows you to stack together multiple cards, so they always sit next to each other in the space of one column.

The Horizontal Stack card allows you to stack together multiple cards, so they always sit next to each other in the space of one column.

To add the Horizontal Stack 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 Horizontal Stack from the card picker. All options for this card can be configured via the user interface.

{% configuration %} type: required: true description: horizontal-stack type: string title: required: false description: Title of Stack type: string cards: required: true description: List of cards. type: list {% endconfiguration %}

Example

type: horizontal-stack
title: Lights
cards:
  - type: picture-entity
    image: /local/bed_1.png
    entity: light.ceiling_lights
  - type: picture-entity
    image: /local/bed_2.png
    entity: light.bed_light

Two picture cards in a horizontal stack card Two Picture cards in a Horizontal Stack card.