Heading

Renders an HTML heading element (<h1> through <h6>). Use headings to structure your content hierarchy.

Properties

Property	Type	Default	Description
content	text	'Heading'	The heading text. Supports expressions.
level	number	2	Heading level from 1 (largest) to 6 (smallest).

Example

Display a dynamic page title based on pipeline data:

Content: `{ {row.title}}`
Level: 1

This renders as <h1>My Page Title</h1> where row.title resolves from the component's data source.

Tips

• Use level 1 sparingly -- typically one H1 per page for SEO best practices.
• Combine with expressions for dynamic headings: { {row.count}} Results Found.
• Style headings using the Design tab -- font size, weight, color, and spacing are all configurable.
• The heading level affects the HTML tag but not the visual size; you control the appearance through styles.