Skip to content

Heading

The Heading component creates structured titles and subtitles using H1-H6 hierarchy levels for organizing report content and enabling navigation.

Configuration

Configure the Heading component with these options:

Option Description
Level Choose from H1 (major sections) to H6 (minor subsections)
Title Heading text content - supports text templates for dynamic content
Include in table of contents Toggle visibility in Table of Contents component

Numbering

Control automatic heading numbering:

Option Description
Auto Number Enable automatic sequential numbering for headings
Number Template Customize numbering format (e.g., {$heading.number})

Styling

Customize appearance with typography and spacing options:

Option Description
Font Family / Font Size Typography control for heading text
Text Color / Font Weight Visual styling options
Line Height Control spacing between lines
Text Transform Apply uppercase, lowercase, or capitalize formatting
Margin Top / Margin Bottom Control spacing around the heading
Style Apply custom CSS styling

Styling options override theme settings for individual headings.

Use Cases

  • Report structure - organize content with hierarchical headings for logical flow
  • Table of contents - automatically generate navigation using heading structure
  • Dynamic titles - display data-driven headings that change based on report parameters
  • Section numbering - use auto numbering for formal document structure

Tips

  • Use consistent heading levels to maintain proper document hierarchy
  • Toggle Include in table of contents to control which headings appear in navigation
  • Configure Number Template to customize automatic numbering format
  • Apply custom styling to match specific branding requirements