diff --git a/blog/2023-07-07-action-event-custom-cards.md b/blog/2023-07-07-action-event-custom-cards.md new file mode 100644 index 00000000..6afc7572 --- /dev/null +++ b/blog/2023-07-07-action-event-custom-cards.md @@ -0,0 +1,48 @@ +--- +author: Paul Bottein +authorURL: https://github.com/piitaya +authorTwitter: piitaya +title: Action event for custom cards +--- + +In the Home Assistant Core 2023.7 release, we introduced `hass-action` for custom cards. + +If you are a custom cards developer, you can now use any [card action](https://www.home-assistant.io/dashboards/actions/) in your custom card by using the new `hass-action`. + +Example : + +```js +// Define the action config +const actionConfig = { + entity: "sensor.temperature", + tap_action: { + action: "more-info", + }, + hold_action: { + action: "assist", + start_listening: true, + }, +}; + +// Open more info on tap action +const event = new Event("hass-action", { + bubbles: true, + composed: true, +}); +event.detail = { + config: actionConfig, + action: "tap", +}; +this.dispatchEvent(event); + +// Open assist dialog on hold action +const event = new Event("hass-action", { + bubbles: true, + composed: true, +}); +event.detail = { + config: actionConfig, + action: "hold", +}; +this.dispatchEvent(event); +```