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