Alexeyisme / lovelace-slider-entity-row

🔹 Add sliders to entity cards

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

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

License:MIT License


Languages

Language:TypeScript 97.0%Language:JavaScript 2.5%Language:Shell 0.4%