Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 111 Commits
.devcontainer		.devcontainer
.github		.github
.vscode		.vscode
src		src
test		test
.gitattributes		.gitattributes
.gitignore		.gitignore
LICENSE.txt		LICENSE.txt
README.md		README.md
hacs.json		hacs.json
package-lock.json		package-lock.json
package.json		package.json
rollup.config.mjs		rollup.config.mjs
slider-entity-row.js		slider-entity-row.js
tsconfig.json		tsconfig.json

Repository files navigation

slider-entity-row

Add a slider to rows in lovelaceentities cards.

Installing

Install using HACS orsee this guide.

Quick Start

Add this to anentities card:

type:entitiesentities:  -light.bed_light  -type:custom:slider-entity-rowentity:light.kitchen_lights

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 isoff)
input_number - set value (only ifmode: slider)
input_select - select option
number - set value
timer - set number of seconds remaining

If you want to control more than one entity with the same slider, uselight group,cover group or a custom madetemplate entity.

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`
`show_icon`	`true`/`false`	Show an icon when`full_row` is true. This icon is NOT clickable	`false`
`attribute`	(see below)	Which attribute the slider should control
`colorize`	`true`/`false`	Colorize the bar (only for some attributes)	`false`
`dir`	`ltr`/`rtl`	Use this to override your languages Right-To-Left or Left-To-Right setting	language

Most general Entities row options likename,icon andtap_action et.al. are also supported.

YAML code for screenshot above

type:entitiestitle:Optionsentities:  -type:custom:slider-entity-rowentity:light.bed_lightname:Default  -type:custom:slider-entity-rowentity:light.bed_lightname:toggletoggle:true  -type:custom:slider-entity-rowentity:light.bed_lightname:hide_statehide_state:true  -type:custom:slider-entity-rowentity:light.ceiling_lightsname:hide_when_offhide_when_off:true  -type:custom:slider-entity-rowentity:light.ceiling_lightsname:hide_when_off + togglehide_when_off:truetoggle:true  -type:sectionlabel:full_row  -type:custom:slider-entity-rowentity:light.bed_lightname:hide_statefull_row:true