light-card

KO | EN

gitlite — search

#python #ai #llm #android #deep-learning #java #kubernetes #awesome-list #vue #pytorch #security #openai #mcp #open-source

(★ 18)

Lovelace light-card for home assistant

light-card 최신버젼 다운로드

최종 버전 다운로드 (.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 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

light-card

light-card 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README