Home

Awesome

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:

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:

OptionValuesDescriptiondefault
minnumberMinimum value of slider
maxnumberMaximum value of slider
stepnumberStep size of slider selection
toggletrue/falseShow a toggle or mute button if possiblefalse
hide_statetrue/falsetrue: Do not display the current state <br>false: Always display current state - even when the card is too narrow for it to be usablenone
hide_when_offtrue/falsetrue: Hide slider when state is off <br>false: Always display sliderfalse
growtrue/falseMake the slider as wide as possible (which is really just a little bit wider)false
full_rowtrue/falseHide the icon and name and stretch slider to full widthfalse
show_icontrue/falseShow an icon when full_row is true. This icon is NOT clickablefalse
attribute(see below)Which attribute the slider should control
colorizetrue/falseColorize the bar (only for some attributes)false
dirltr/rtlUse this to override your languages Right-To-Left or Left-To-Right settinglanguage

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

options

<details><summary>YAML code for screenshot above</summary>
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
</details>

Attribute

Currently, the following attribute settings are supported.

For light domain:

For cover domain:


<a href="https://www.buymeacoffee.com/uqD6KHCdJ" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/white_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>