2026.4.1
Home ▸ Template functions

Convert dictionary to HTML attributes: xmlattr

The xmlattr filter converts a dictionary into a string of XML/HTML attributes. Each key-value pair becomes an attribute in key="value" format, with values automatically escaped. Keys with None or undefined values are omitted. This is useful when dynamically building HTML elements with variable attributes. For example, you might want to generate an HTML tag with attributes that come from sensorSensors return information about a thing, for instance the level of water in a tank. [Learn more] data or template variables. By default, a leading space is added before the attributes so you can place the result directly after a tag name.

Usage

Here’s how to use this template function. Copy any example and adjust it to your setup.

As a filter 
{{ {"class": "alert", "id": "msg1"} | xmlattr }}
Result (stringA piece of text, like a name, message, or entity ID. In templates, wrap strings in quotes, like "living_room" or "lights are on".) 
class="alert" id="msg1"

Function signature

The signature is a technical summary of this template function. It shows the name of the function, the values (called parameters) it accepts, and what type of data each parameter expects (for example, a piece of text or a number).

Function parameters that have a = with a value after them are optional. If you leave them out, the default value shown is used automatically. Function parameters without a default are required.

xmlattr(
    value: dict,
    autospace: bool = True,
) -> str

Function parameters

The following parameters can be provided to this function.

value map Required

A dictionary of attribute names and values to convert into an HTML/XML attribute string. Keys with None values are omitted.

autospace boolean (Optional, default: true)

If true, a leading space is added before the first attribute. This lets you append the result directly after a tag name without worrying about spacing. Defaults to true.

Good to know

  • Keys whose value is None or undefined are skipped, so you can build attribute dictionaries conditionally without extra template logic.
  • Values are HTML-escaped automatically, making the result safe to drop directly into a tag.

Try it yourself

Ready to test this? Open Developer tools > Template, paste the example into the Template editor, and watch the result update on the right. Edit the values to see how the function adapts to your own entitiesAn entity represents a sensor, actor, or function in Home Assistant. Entities are used to monitor physical properties or to control other entities. An entity is usually part of a device or a service. [Learn more].

More examples

Real scenarios where this function comes up in automations and templates. Copy any example and adapt it to your setup.

Build an HTML element with dynamic attributes

Generate an HTML tag with attributes set from template variables.

TemplateA template is an automation definition that can include variables for the action or data from the trigger values. This allows automations to generate dynamic actions. [Learn more] 
{% set attrs = {"style": "color: red", "title": "Warning"} %}
<span{{ attrs | xmlattr }}>Alert</span>
Result (stringA piece of text, like a name, message, or entity ID. In templates, wrap strings in quotes, like "living_room" or "lights are on".) 
<span style="color: red" title="Warning">Alert</span>

Create a link with dynamic attributes

Build an anchor tag with attributes from a dictionary.

TemplateA template is an automation definition that can include variables for the action or data from the trigger values. This allows automations to generate dynamic actions. [Learn more] 
{% set link_attrs = {"href": "https://www.home-assistant.io",
                     "target": "_blank"} %}
<a{{ link_attrs | xmlattr }}>Home Assistant</a>
Result (stringA piece of text, like a name, message, or entity ID. In templates, wrap strings in quotes, like "living_room" or "lights are on".) 
<a href="https://www.home-assistant.io" target="_blank">Home Assistant</a>

Still stuck?

The Home Assistant community is quick to help: join Discord for real-time chat, post on the community forum with your template and expected result, or share on our subreddit /r/homeassistant.

Tip

AI assistants like ChatGPT or Claude can also explain or fix templates when you describe what you want in plain language.

Related template functions

These functions work well alongside this one: