Skip to content

v0.1.0 - Initial Release

Choose a tag to compare

@sxdjt sxdjt released this 27 Nov 06:05

Indicator Grid Card v0.1.0

Initial release of the Indicator Grid Card for Home Assistant.

Features

  • Customizable Grid Layout: Configure rows, columns, cell size, and gaps
  • State-Based Colors: Indicator lights change color based on entity states
  • Numeric Thresholds: Set color thresholds for numeric sensors (e.g., temperature, battery)
  • State Mappings: Map specific state values to custom colors
  • Template Support: Use templates for display text with {{ state }} and {{ name }}
  • Click Actions: Configure click behavior (toggle, more-info, or none)
  • Visual Editor: Easy configuration through Home Assistant UI
  • Global + Per-Entity Settings: Set defaults and override per entity
  • Dim Off Entities: Reduce opacity of off entities for better visual clarity

Installation

HACS (Recommended)

  1. Open HACS in Home Assistant
  2. Go to "Frontend"
  3. Click the menu (three dots) in the top right
  4. Select "Custom repositories"
  5. Add this repository URL and select "Lovelace" as the category
  6. Click "Install"
  7. Restart Home Assistant

Manual

  1. Download indicator-grid-card.js from this release
  2. Copy it to config/www/ in your Home Assistant installation
  3. Add the resource in Lovelace:
    • Go to Settings → Dashboards → Resources
    • Click "Add Resource"
    • URL: /local/indicator-grid-card.js
    • Resource type: JavaScript Module

Documentation

See the README for configuration examples and detailed documentation.