Components / Section Label

Section Label

The house mono uppercase marker for section headings inside panels, tables, and lists.

import { SectionLabel } from '@layers/ui/section-label'

Rendered stock

House rules

  • Mono (Berkeley Mono) belongs only on ALL-CAPS text, and SectionLabel is that recipe. Never apply mono to mixed-case values, IDs, emails, or URLs.
  • Never hand-roll the recipe (font-mono text-xxs uppercase tracking-widest); use the component.
  • Markers only: data values and body text never get this treatment.