jeans/developers.home-assistant
jeans/developers.home-assistant
1
0
Fork 0
mirror of https://github.com/home-assistant/developers.home-assistant.git synced 2025-07-14 04:46:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update frontend_experiment_index.md

Browse Source
This commit is contained in:
Alok Saboo 2018-06-17 11:40:09 -04:00 committed by GitHub
parent 9357eec101
commit ccaa322802
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 46 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
docs/frontend_experiment_index.md
View File

@ -14,55 +14,55 @@ Create `<config>/experimental-ui.yaml`:
```yaml ```yaml
title: My Awesome Home title: My Awesome Home
views: views:
# The name of a view will be used as tab title. # The name of a view will be used as tab title.
# Might be used for other things in the future. # Might be used for other things in the future.
- name: Example - name: Example
# Each view can have a different theme applied. Theme should be defined in the frontend. # Each view can have a different theme applied. Theme should be defined in the frontend.
theme: dark-mode theme: dark-mode
# The cards to show on this view. # The cards to show on this view.
cards: cards:
# The entities card will take a list of entities and show their state. # The entities card will take a list of entities and show their state.
- type: entities - type: entities
# Title of the entities card # Title of the entities card
title: Example title: Example
# The entities here will be shown in the same order as specified. # The entities here will be shown in the same order as specified.
entities: entities:
- input_boolean.switch_ac_kitchen - input_boolean.switch_ac_kitchen
- input_boolean.switch_ac_livingroom - input_boolean.switch_ac_livingroom
- input_boolean.switch_tv - input_boolean.switch_tv
# The filter card will filter available entities for certain criteria # The filter card will filter available entities for certain criteria
# and render it as type 'entities'. # and render it as type 'entities'.
- type: entity-filter - type: entity-filter
# Filter criteria. They are all optional. # Filter criteria. They are all optional.
filter: filter:
domain: input_boolean domain: input_boolean
state: 'on' state: 'on'
# This config will be passed to the card rendering the filter results # This config will be passed to the card rendering the filter results
card_config: card_config:
title: Input booleans that are on title: Input booleans that are on
# Use the HTML imports to load custom UI to render cards. # Use the HTML imports to load custom UI to render cards.
# Custom UI needs to be custom element that takes in `config` and `hass` # Custom UI needs to be custom element that takes in `config` and `hass`
- type: 'custom:my-custom-ui' - type: 'custom:my-custom-ui'
# Any value here is made available to your element via the `config` property. # Any value here is made available to your element via the `config` property.
some: value some: value
# Specify a tab_icon if you want the view tab to be an icon. # Specify a tab_icon if you want the view tab to be an icon.
- tab_icon: mdi:home-assistant - tab_icon: mdi:home-assistant
# Name of the view. Will be used as the tooltip for tab icon # Name of the view. Will be used as the tooltip for tab icon
name: Second view name: Second view
cards: cards:
- type: entities - type: entities
title: Lots of Kitchen AC title: Lots of Kitchen AC
entities: entities:
# It is totally possible to render duplicates. # It is totally possible to render duplicates.
- input_boolean.switch_ac_kitchen - input_boolean.switch_ac_kitchen
- input_boolean.switch_ac_kitchen - input_boolean.switch_ac_kitchen
- input_boolean.switch_ac_kitchen - input_boolean.switch_ac_kitchen
- input_boolean.switch_ac_kitchen - input_boolean.switch_ac_kitchen
- input_boolean.switch_ac_kitchen - input_boolean.switch_ac_kitchen
- input_boolean.switch_ac_kitchen - input_boolean.switch_ac_kitchen
``` ```
Add to your `configuration.yaml`: Add to your `configuration.yaml`: