component

TuxSectionHeader

The tux editorial heading — ALL-CAPS, tracked-out, maroon underline rule. Distinct from heading--bold (which uses a gold bar) and heading--display (italic maximalist). Use this for mid-page section titles inside a longer document — it's quieter than the gold-bar headings and reads as rhythmic navigation between sections.

level 1

Biggest section heading

Research grants overview

Level 1 — the biggest

<tux-section-header :level="1" subtitle="Level 1 — the biggest">
  Research grants overview
</tux-section-header>

level="1" renders as <h1> with text-2xl. Use for page sections that stand in for the main document heading.

level 2 (default)

Default section heading

Classification tiers

Level 2 — default

<tux-section-header :level="2" subtitle="Level 2 — default">
  Classification tiers
</tux-section-header>

level 3

Smallest variant

Tag namespaces

<tux-section-header :level="3">Tag namespaces</tux-section-header>

with subtitle

Metadata below the bar

Index catalog

4,218 documents across 17 indices

<tux-section-header :level="2" subtitle="4,218 documents across 17 indices">
  Index catalog
</tux-section-header>

subtitle renders as smaller secondary text beneath the heading — good for counts, timestamps, or "last updated" metadata.