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