-
Notifications
You must be signed in to change notification settings - Fork 13
Module Text
WJDDesigns edited this page May 3, 2026
·
1 revision
Module type:
text· Category: Content · Free
The Text module displays static or template-driven text with full typography control.
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.
| 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. |
Standard Design-System controls apply: typography, color, alignment, background, padding, border, shadow, animations, hover effects, per-breakpoint overrides.
Tap / hold / double-tap actions. By default, no action.
Show / hide based on entity state, attribute, time, or template. See Logic-and-Conditions.
Heading
Welcome home, John
Live temperature
{{ states('sensor.outdoor_temperature') | round(1) }}°C outsideTime-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.
- 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
$primaryto maintain consistent colors across all your text modules.
Ultra Card · Website · Discord · GitHub Issues · HACS · MIT licensed
- Layout-System
- Logic-and-Conditions
- Templates-and-Jinja
- Actions
- Design-System
- Custom-Variables
- Presets-and-Marketplace
- Pro-and-Cloud
- Modules-Overview
- Content
- Data
- Interactive
- Layout
- Media / Background
- Animated (Pro)
- Inputs (Helpers)
- Card embeds