Skip to content

micw/lovelace-slider-entity-row

 
 

Repository files navigation

slider-entity-row

Add a slider to rows in lovelace entities cards.

Installing

hacs_badge

Install using HACS or see this guide.

Quick Start

Add this to an entities card:

type: entities
entities:
  - light.bed_light
  - type: custom:slider-entity-row
    entity: light.kitchen_lights

slider-entity-row

Usage

entity can be an entity in one of the following domains:

  • light - set brightness
  • media_player - set volume
  • climate - set temperature
  • cover - set position
  • fan - set speed (assumes first setting is off)
  • input_number - set value (only if mode: slider)
  • input_select - select option
  • number - set value

If you want to control more than one entity with the same slider, use light group, cover group or a custom made template entity.

domains

Available options:

Option Values Description default
min number Minimum value of slider
max number Maximum value of slider
step number Step size of slider selection
toggle true/false Show a toggle or mute button if possible false
hide_state true/false true: Do not display the current state
false: Always display current state - even when the card is too narrow for it to be usable
none
hide_when_off true/false true: Hide slider when state is off
false: Always display slider
false
grow true/false Make the slider as wide as possible (which is really just a little bit wider) false
full_row true/false Hide the icon and name and stretch slider to full width false
attribute (see below) Which attribute the slider should control
dir ltr/rtl Use this to override your languages Right-To-Left or Left-To-Right setting language

Most general Entities row options like name, icon and tap_action et.al. are also supported.

options

YAML code for screenshot above
type: entities
title: Options
entities:
  - type: custom:slider-entity-row
    entity: light.bed_light
    name: Default
  - type: custom:slider-entity-row
    entity: light.bed_light
    name: toggle
    toggle: true
  - type: custom:slider-entity-row
    entity: light.bed_light
    name: hide_state
    hide_state: true
  - type: custom:slider-entity-row
    entity: light.ceiling_lights
    name: hide_when_off
    hide_when_off: true
  - type: custom:slider-entity-row
    entity: light.ceiling_lights
    name: hide_when_off + toggle
    hide_when_off: true
    toggle: true
  - type: section
    label: full_row
  - type: custom:slider-entity-row
    entity: light.bed_light
    name: hide_state
    full_row: true

Attribute

Currently, the following attribute settings are supported.

For light domain:

  • brightness_pct - default
  • brightness
  • color_temp
  • hue
  • saturation
  • red
  • green
  • blue
  • effect
  • white_value - deprecated
  • white - for RGBW lights only
  • cold_white - for RGBWW lights only
  • warm_white - for RGBWW lights only

For cover domain:

  • position - default
  • tilt

Buy Me A Coffee

About

🔹 Add sliders to entity cards

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 97.3%
  • JavaScript 2.3%
  • Shell 0.4%