{"id":13613670,"url":"https://github.com/thomasloven/lovelace-slider-entity-row","last_synced_at":"2025-05-16T12:00:22.118Z","repository":{"id":37768201,"uuid":"144899700","full_name":"thomasloven/lovelace-slider-entity-row","owner":"thomasloven","description":"🔹 Add sliders to entity cards","archived":false,"fork":false,"pushed_at":"2024-04-08T12:51:33.000Z","size":275,"stargazers_count":857,"open_issues_count":27,"forks_count":133,"subscribers_count":24,"default_branch":"master","last_synced_at":"2025-04-12T08:18:15.277Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thomasloven.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-08-15T20:22:30.000Z","updated_at":"2025-04-07T10:43:38.000Z","dependencies_parsed_at":"2023-12-26T00:27:52.389Z","dependency_job_id":"ffaa9baf-3c3b-4f78-82ff-c0aecf3963cd","html_url":"https://github.com/thomasloven/lovelace-slider-entity-row","commit_stats":null,"previous_names":[],"tags_count":24,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomasloven%2Flovelace-slider-entity-row","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomasloven%2Flovelace-slider-entity-row/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomasloven%2Flovelace-slider-entity-row/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomasloven%2Flovelace-slider-entity-row/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thomasloven","download_url":"https://codeload.github.com/thomasloven/lovelace-slider-entity-row/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254527071,"owners_count":22085917,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-01T20:00:52.414Z","updated_at":"2025-05-16T12:00:22.048Z","avatar_url":"https://github.com/thomasloven.png","language":"TypeScript","funding_links":["https://www.buymeacoffee.com/uqD6KHCdJ"],"categories":["Lovelace User Interface","Install from Source","User Interface","Dashboards"],"sub_categories":["Custom Lovelace UI Cards","Smart Home Automation","Custom Cards"],"readme":"# slider-entity-row\n\nAdd a slider to rows in lovelace [entities](https://www.home-assistant.io/lovelace/entities/) cards.\n\n## Installing\n\n[![hacs_badge](https://img.shields.io/badge/HACS-Default-orange.svg)](https://github.com/hacs/integration)\n\nInstall using HACS or [see this guide](https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins).\n\n## Quick Start\n\nAdd this to an [entities](https://www.home-assistant.io/lovelace/entities/) card:\n\n```yaml\ntype: entities\nentities:\n  - light.bed_light\n  - type: custom:slider-entity-row\n    entity: light.kitchen_lights\n```\n\n![slider-entity-row](https://user-images.githubusercontent.com/1299821/59467898-15b16600-8e31-11e9-9924-53b108572d3a.png)\n\n## Usage\n\n`entity` can be an entity in one of the following domains:\n\n- `light` - set brightness\n- `media_player` - set volume\n- `climate` - set temperature\n- `cover` - set position\n- `fan` - set speed (assumes first setting is `off`)\n- `input_number` - set value (only if `mode: slider`)\n- `input_select` - select option\n- `number` - set value\n- `timer` - set number of seconds remaining\n\nIf you want to control more than one entity with the same slider, use [light group](https://www.home-assistant.io/integrations/light.group/), [cover group](https://www.home-assistant.io/integrations/cover.group/) or a custom made [template entity](https://www.home-assistant.io/integrations/#search/template).\n\n![domains](https://user-images.githubusercontent.com/1299821/59467899-1813c000-8e31-11e9-8abd-34c887a7db2a.png)\n\nAvailable options:\n\n| Option          | Values         | Description                                                                                                                               | default  |\n| --------------- | -------------- | ----------------------------------------------------------------------------------------------------------------------------------------- | -------- |\n| `min`           | number         | Minimum value of slider                                                                                                                   |          |\n| `max`           | number         | Maximum value of slider                                                                                                                   |          |\n| `step`          | number         | Step size of slider selection                                                                                                             |          |\n| `toggle`        | `true`/`false` | Show a toggle or mute button if possible                                                                                                  | `false`  |\n| `hide_state`    | `true`/`false` | `true`: Do not display the current state \u003cbr\u003e`false`: Always display current state - even when the card is too narrow for it to be usable | none     |\n| `hide_when_off` | `true`/`false` | `true`: Hide slider when state is off \u003cbr\u003e`false`: Always display slider                                                                  | `false`  |\n| `grow`          | `true`/`false` | Make the slider as wide as possible (which is really just a little bit wider)                                                             | `false`  |\n| `full_row`      | `true`/`false` | Hide the icon and name and stretch slider to full width                                                                                   | `false`  |\n| `show_icon`     | `true`/`false` | Show an icon when `full_row` is true. This icon is NOT clickable                                                                          | `false`  |\n| `attribute`     | (see below)    | Which attribute the slider should control                                                                                                 |          |\n| `colorize`      | `true`/`false` | Colorize the bar (only for some attributes)                                                                                               | `false`  |\n| `dir`           | `ltr`/`rtl`    | Use this to override your languages Right-To-Left or Left-To-Right setting                                                                | language |\n\nMost general Entities row options like `name`, `icon` and `tap_action` et.al. are also supported.\n\n![options](https://user-images.githubusercontent.com/1299821/59467902-19dd8380-8e31-11e9-9173-97c9b6be3179.png)\n\n\u003cdetails\u003e\u003csummary\u003eYAML code for screenshot above\u003c/summary\u003e\n\n```yaml\ntype: entities\ntitle: Options\nentities:\n  - type: custom:slider-entity-row\n    entity: light.bed_light\n    name: Default\n  - type: custom:slider-entity-row\n    entity: light.bed_light\n    name: toggle\n    toggle: true\n  - type: custom:slider-entity-row\n    entity: light.bed_light\n    name: hide_state\n    hide_state: true\n  - type: custom:slider-entity-row\n    entity: light.ceiling_lights\n    name: hide_when_off\n    hide_when_off: true\n  - type: custom:slider-entity-row\n    entity: light.ceiling_lights\n    name: hide_when_off + toggle\n    hide_when_off: true\n    toggle: true\n  - type: section\n    label: full_row\n  - type: custom:slider-entity-row\n    entity: light.bed_light\n    name: hide_state\n    full_row: true\n```\n\n\u003c/details\u003e\n\n### Attribute\n\nCurrently, the following attribute settings are supported.\n\n**For `light` domain:**\n\n- `brightness_pct` - default\n- `brightness`\n- `color_temp`\n- `color_temp_mired`\n- `hue`\n- `saturation`\n- `red`\n- `green`\n- `blue`\n- `effect`\n- `white` - for RGBW lights only\n- `cold_white` - for RGBWW lights only\n- `warm_white` - for RGBWW lights only\n\n**For `cover` domain:**\n\n- `position` - default\n- `tilt`\n\n---\n\n\u003ca href=\"https://www.buymeacoffee.com/uqD6KHCdJ\" target=\"_blank\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/white_img.png\" alt=\"Buy Me A Coffee\" style=\"height: auto !important;width: auto !important;\" \u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomasloven%2Flovelace-slider-entity-row","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthomasloven%2Flovelace-slider-entity-row","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomasloven%2Flovelace-slider-entity-row/lists"}