๐ŸŽฏ Actions Card - Add Tap, Hold & Double-Tap Actions to Any Card

Hi everyone! :wave:

Iโ€™m happy to share Actions Card - a wrapper card that has the possibility to add a tap-action, hold action and / or double-tap action.

Why I Created This Card :bulb:

I noticed that many (custom) cards donโ€™t support interactive actions, or I wanted to override their default behavior. For example, entity cards show the more-info dialog when tapped, but what if you want them to navigate to another view instead? My use-case was a custom camera card that did not support a tap-action, so I created my own custom card to achieve this.

Features :sparkles:

  • Add tap, hold, and double-tap actions to ANY card
  • Multiple action types:
    • Toggle entities
    • Navigate to other views
    • Open URLs
    • Call services
    • Show more-info dialogs
    • Open the Assist dialog
    • Fire custom DOM events
  • Optional confirmation dialogs
  • Configurable hold time
  • Can prevent / override default entity dialogs
  • Full visual editor support

Every Home Assistant action is supported!

Configuration Example :clipboard:

type: custom:actions-card
card:
  type: entities
  title: Lights
  entities:
    - light.living_room
    - light.kitchen
    - light.bedroom
tap_action:
  action: toggle
hold_action:
  action: more-info
  confirmation: Are you sure you want to see more info?
double_tap_action:
  action: navigate
  navigation_path: /lovelace/lights
prevent_default_dialog: true

Visual Editor :paintbrush:

Installation & More Information :package:

For installation instructions and full documentation:

:point_right: GitHub - nutteloost/actions-card: Wraps another Home Assistant card to add tap, hold, and double-tap actions

Iโ€™d love to hear how you use this card in your setup and any suggestions for improvements!

7 Likes

This sound great.
It looks like it can make markdown cards interactive and then a lot of possibilities are available.
I am going to try that soon.

Thanks for the effort! :smiley: