# 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](../images/chip-action-light.png)
![Chip action dark](../images/chip-action-dark.png)

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

### Alarm control panel chip

![Chip alarm light](../images/chip-alarm-control-panel-light.png)
![Chip alarm dark](../images/chip-alarm-control-panel-dark.png)

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](../images/chip-back-light.png)
![Chip back dark](../images/chip-back-dark.png)

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](../images/chip-entity-light.png)
![Chip entity dark](../images/chip-entity-dark.png)

An entity chip allows you to display entity state.

### Light chip

![Chip light light](../images/chip-light-light.png)
![Chip light dark](../images/chip-light-dark.png)

An light chip allows you to display light.

### Menu chip

![Chip menu light](../images/chip-menu-light.png)
![Chip menu dark](../images/chip-menu-dark.png)

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

### Quickbar chip

![Chip quickbar light](../images/chip-quickbar-light.png)
![Chip quickbar dark](../images/chip-quickbar-dark.png)

The quickbar chip allows you to launch the quickbar in mobile. You may choose to open the entity, device, or command panel. Defaults to entity.

### Spacer chip

![Chip menu light](../images/chip-spacer-light.png)
![Chip menu dark](../images/chip-spacer-dark.png)

A spacer chip allows you to space chips apart.

### Template chip

![Chip template light](../images/chip-template-light.png)
![Chip template dark](../images/chip-template-dark.png)

A template chip allows you to build custom chip using [templates](https://www.home-assistant.io/docs/configuration/templating/) \*.

### Weather chip

![Chip weather light](../images/chip-weather-light.png)
![Chip weather dark](../images/chip-weather-dark.png)

A weather chip allows you to display the weather.

#### Notes

\* You can render weather svg icons using [weather state](https://developers.home-assistant.io/docs/core/entity/weather/#recommended-values-for-state-and-condition) 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