Card Light

💡 Light Card (light)

The Light card allows you to control smart bulbs, LED strips, and dimmers connected via Home Assistant with real-time state feedback.

---

📸 Preview

---

✨ Features & Possibilities

• On/Off Toggle: Instant visual feedback of the light state.
• Brightness Slider: Smooth dimming control from 1% to 100%.
• Advanced Controls: Support for color temperature, RGB colors, and collapsible control panels to keep the dashboard clean.

---

⚙️ Options Reference

Parameter	Type	Default	Description
type	String	Required	Must be set to "light".
name	String	Optional	Custom display name for the card.
entity_id	String	Required	The Home Assistant entity ID (e.g., light.lumieres_salon).
use_light_color	Boolean	false	Adapts the card accent color based on the light's current color/state.
show_brightness_control	Boolean	true	Displays the slider to control brightness.
show_color_temp_control	Boolean	false	Displays the color temperature selector (warm/cool white).
show_color_control	Boolean	false	Displays the full RGB color picker wheel.
collapsible_controls	Boolean	false	Hides advanced sliders behind an expandable toggle to save vertical space.

---

📄 JSON Configuration Example

Here is a full example of a "Lumières" page containing multiple light cards with collapsible controls enabled:

{
  "name": "Lumières",
  "cards": [
    {
      "type": "light",
      "options": {
        "name": "Applique Arrière Droite",
        "entity_id": "light.applique_arriere_droite_salon",
        "use_light_color": true,
        "show_brightness_control": true,
        "show_color_temp_control": false,
        "show_color_control": false,
        "collapsible_controls": true
      }
    },
    {
      "type": "light",
      "options": {
        "name": "Applique droite",
        "entity_id": "light.applique_droite_salon",
        "use_light_color": true,
        "show_brightness_control": true,
        "show_color_temp_control": false,
        "show_color_control": false,
        "collapsible_controls": true
      }
    },
    {
      "type": "light",
      "options": {
        "name": "Applique Gauche",
        "entity_id": "light.applique_gauche_salon",
        "use_light_color": true,
        "show_brightness_control": true,
        "show_color_temp_control": false,
        "show_color_control": false,
        "collapsible_controls": true
      }
    },
    {
      "type": "light",
      "options": {
        "name": "Lumières Salon",
        "entity_id": "light.lumieres_salon",
        "use_light_color": true,
        "show_brightness_control": true,
        "show_color_temp_control": false,
        "show_color_control": false,
        "collapsible_controls": true
      }
    }
  ],
  "hotkeys": [],
  "longHotkeys": []
}