content section sets the text around the chart — title, subtitle, caption, your data-source
attribution, and an optional Made with Graphy provenance badge. Each text slot has a companion
visibility flag, so a value can be kept while hidden. The provenance badge is off by default at
the low-level renderer (@graphysdk/react seeds it on).
Slots
string | RichText
The chart’s headline text. Pair with
isTitleVisible.string | RichText
A secondary line under the title. Pair with
isSubtitleVisible.string | RichText
A note shown beneath the chart. Pair with
isCaptionVisible.{ label?: string; url?: string }
Your data-source attribution shown under the caption (for example “Internal data”). Distinct from
the Graphy provenance badge. Pair with
isSourceVisible.isXVisible boolean (isTitleVisible, isSubtitleVisible,
isCaptionVisible, isSourceVisible). Setting text alone does not show it — the visibility flag is
what renders it.
Provenance badge (“Made with Graphy”)
A translucent capsule badge with the Graphy glyph and the text “Made with Graphy”. It does not inherit theme typography. Linked tography.app with UTM tags. Size ladder: full pill → circular
mini under 200 px wide → hidden under 120 × 80.
{ enabled?: boolean; placement?: 'footer' | 'header'; variant?: 'full' | 'mini' }
Structured badge config. Defaults:
{ enabled: false, placement: 'footer', variant: 'full' }.
Prefer this over the legacy isBrandMarkVisible flag.boolean
Legacy alias for
brandMark.enabled. Kept in sync by config resolution.source is your data attribution. brandMark controls Graphy’s own provenance badge.
They can appear together, either alone, or neither.Rich text
Any text slot accepts either a plain string or a rich-text node (a TipTap-compatible document), which lets you mix colors, weights and headings within a title:textStyle (with color, font, fontSize), plus standard bold/italic/underline. Rich text requires the TipTap peer packages.
Related
- Configuration overview — how
configcomposes - Headline numbers — summary metrics in the header
- Slots — replacing the footer / header regions

