light-card

KO | EN

gitlite — search

#react #ai #go #golang #machine-learning #rust #deep-learning #linux #macos #java #windows #security #openai #open-source

(★ 18)

Lovelace light-card for home assistant

light-card Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Light card

light card is an light icon button for your light entities.

The icon colors itself depending on the color of the light. If the color can not be detected (not supported by the light), a default warm yellow is used.

The card shows the `more-info` pop-in on click/tap.

![light-card](https://raw.githubusercontent.com/kuuji/light-card/master/light-1.png)

## Options

| Name | Type | Default | Description
| ---- | ---- | ------- | -----------
| type | string | **Required** | `custom:light-card`
| entity | string | **Required** | `light.office`
| icon | string | `mdi:lightbulb` | `mdi:desk-lamp`
| size | string | `40%` | Size of the icon. Can be percentage or pixel

## Instructions

1. Download the [light-card](https://raw.githubusercontent.com/kuuji/light-card/master/light-card.js)
2. Place the file in your `config/www` folder
3. Include the card code in your `ui-lovelace-card.yaml`
```yaml
title: Home
resources:
  - url: /local/light-card.js
    type: js
```
4. Write configuration for the card in your `ui-lovelace.yaml`

## Examples

Show a light card for the office lights:
```yaml
- type: "custom:light-card"
  entity: light.office
  bulb_icon: mdi:desk-lamp
```
![light-card](https://raw.githubusercontent.com/kuuji/light-card/master/office-light.png)

Show a light card with default bulb icon:
```yaml
- type: "custom:light-card"
  entity: light.desk_lamp
```
![light-card](https://raw.githubusercontent.com/kuuji/light-card/master/desk-lamp.png)

## Credits

- [ciotlosm](https://github.com/ciotlosm) for the readme template and the awesome examples

light-card

light-card Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

light-card

light-card Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README