/lovelace-slider-entity-row

🔹 Add sliders to entity cards

Primary LanguageJavaScriptMIT LicenseMIT

slider-entity-row

hacs_badge

Add a slider to rows in lovelace entities cards.

For installation instructions see this guide.

Install slider-entity-row.js as a module.

resources:
  - url: /local/slider-entity-row.js
    type: module

Usage

Add this to an entities card:

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

slider-entity-row

Currenly supported entity 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

domains

Options

  • toggle: true - Show a toggle instead of current state
  • hide_state: true - Do not display current state
  • hide_state: false - Always show the state, even when the card is too narrow
  • hide_when_off: true - Hide the slider when state is off
  • full_row: true - Hide icon and name and stretch slider to full width
  • min: <value> - Set minimum value of slider
  • max: <value> - Set maximum value of slider
  • step: <value> - Set step size of slider
  • attribute: <value> - Select which attribute the slider should control
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

options

Attributes

Currently, the following attribute settings are supported.

For light domain:

  • brightness - default
  • color_temp
  • hue
  • saturation
  • red
  • green
  • blue
  • effect
  • white_value

For cover domain:

  • position - default
  • tilt

Buy Me A Coffee