Label Grid Widget

The Label Grid Widget (Label Visual Box) is a powerful container for creating grids of status chips.

Description

Instead of adding 20 individual widgets for your lights, use one Label Grid. It takes a list of labels (which are groups of entities) and renders them as a uniform grid of interactive chips.

Key Features

• Batch Rendering: Efficiently displays groups of entities.
• Interactive: Toggles lights/switches on click.
• Uniform Styling: Apply visual effects (Glassmorphism, gradients) to all items at once.
• State Aware: Items automatically change color/style based on their On/Off state.

Configuration

Data

• Source: Select “Labels” defined in your dashboard configuration settings.

Visuals

• Grid Layout: Define item width, height, and gap.
• Colors: Set distinct colors for “On” and “Off” states for backgrounds, icons, and text.
• Icon Mapping: Automatically map entity domains/names to icons.

Use Cases

• Light Overview: A panel showing every light in the house.
• Room Status: Create a grid of “Living Room”, “Kitchen”, “Bedroom” areas.
• Scene Selector: A grid of buttons to trigger scenes.