Skip to content

Module Text

WJDDesigns edited this page May 3, 2026 · 1 revision

Text

Module type: text · Category: Content · Free

The Text module displays static or template-driven text with full typography control.

What it does

Renders a string of text. The string can be:

  • Static — a literal string typed into the editor.
  • Template-driven — a Jinja2 template that re-renders live as HA state changes. See Templates-and-Jinja.

Configuration

General

Field Notes
Content The text or Jinja2 template to render.
Template mode Toggle to enable Jinja2 template editor.
Show icon Optional MDI icon before or after the text.
Icon position before / after
Icon gap Pixels between icon and text.

Design

Standard Design-System controls apply: typography, color, alignment, background, padding, border, shadow, animations, hover effects, per-breakpoint overrides.

Actions

Tap / hold / double-tap actions. By default, no action.

Logic

Show / hide based on entity state, attribute, time, or template. See Logic-and-Conditions.

Examples

Heading

Welcome home, John

Live temperature

{{ states('sensor.outdoor_temperature') | round(1) }}°C outside

Time-of-day greeting

{% set h = now().hour %}
{% if h < 12 %}Good morning{% elif h < 18 %}Good afternoon{% else %}Good evening{% endif %}

Label with HA token color — set the Color field in Design to var(--primary-color) so the label respects HA themes automatically.

Tips

  • For multi-line content with formatting, prefer Module-Markdown.
  • For displaying just an entity value, Module-Info has a more polished layout.
  • Use Custom-Variables like $primary to maintain consistent colors across all your text modules.

Clone this wiki locally