Skip to content

Latest commit

 

History

History
100 lines (63 loc) · 3.02 KB

chips.md

File metadata and controls

100 lines (63 loc) · 3.02 KB

Chips card

Description

A chips card allows you to put small information at the top of your dashboard

Configuration variables

All the options are available in the lovelace editor but you can use yaml if you want.

Name Type Default Description
alignment string Optional Chips alignment (end, center, justify), when empty default behavior is start
chips chip array Optional Custom icon

Action chip

Chip action light Chip action dark

An action chip allows you to perform a Home Assistant action (navigate, perform-action, etc...).

Alarm control panel chip

Chip alarm light Chip alarm dark

An alarm control panel is an entity chip that allows you to display the right icon and with the right color for alarm control panels.

Back chip

Chip back light Chip back dark

A back chip allows you to perform a back action.

Conditional chip

A conditional chip allows you to display another chip based on chip state.

Entity chip

Chip entity light Chip entity dark

An entity chip allows you to display entity state.

Light chip

Chip light light Chip light dark

An light chip allows you to display light.

Menu chip

Chip menu light Chip menu dark

A menu chip allows you to open the drawer in mobile.

Spacer chip

Chip menu light Chip menu dark

A spacer chip allows you to space chips apart.

Template chip

Chip template light Chip template dark

A template chip allows you to build custom chip using templates *.

Weather chip

Chip weather light Chip weather dark

A weather chip allows you to display the weather.

Notes

* You can render weather svg icons using weather state as icon :

  • weather-clear-night
  • weather-cloudy
  • weather-fog
  • weather-lightning
  • weather-lightning-rainy
  • weather-partlycloudy
  • weather-pouring
  • weather-rainy
  • weather-hail
  • weather-snowy
  • weather-snowy-rainy
  • weather-sunny
  • weather-windy
  • weather-windy-variant