/*@jsxRuntime automatic @jsxImportSource react*/ const {jsx: _jsx, jsxs: _jsxs} = arguments[0]; function _createMdxContent(props) { const _components = Object.assign({ section: "section", p: "p", code: "code", pre: "pre" }, props.components); return _jsxs(_components.section, { children: [_jsxs(_components.p, { children: ["Use ", _jsx(_components.code, { children: "section_actions" }), " to customize interactions per section. The card does not expose a global card action because it represents a single pool."] }), "\n", _jsxs(_components.p, { children: ["Supported actions are ", _jsx(_components.code, { children: "more-info" }), " (default), ", _jsx(_components.code, { children: "navigate" }), ", ", _jsx(_components.code, { children: "url" }), ", ", _jsx(_components.code, { children: "call-service" }), ", ", _jsx(_components.code, { children: "toggle" }), ", and ", _jsx(_components.code, { children: "none" }), "."] }), "\n", _jsx(_components.pre, { raw: "section_actions:\n pump:\n tap_action:\n action: toggle // [!code highlight]\n temperature:\n tap_action:\n action: more-info // [!code highlight]\n", language: "yaml", html: "

section_actions:\n  pump:\n    tap_action:\n      action: toggle\n  temperature:\n    tap_action:\n      action: more-info\n

", children: _jsx(_components.code, { className: "language-yaml", children: "section_actions:\n pump:\n tap_action:\n action: toggle // [!code highlight]\n temperature:\n tap_action:\n action: more-info // [!code highlight]\n" }) })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = props.components || ({}); return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, { children: _jsx(_createMdxContent, props) })) : _createMdxContent(props); } return { default: MDXContent };

Getting Started

Configuration

Actions