Skip to content

ShowContentMode

Available options for custom content rendered via ColorVizOptions.

export type ShowContentMode = 'typeface' | 'text';
<ShowColorValueDecision d="Brand Black" size="m" viz="..." options={options} />

Type Values

Defines the content type.

Available only when viz is set to either fg and bg modes, and ignored in other modes.

typeface (default)

Renders a few characters.

You can override the content via options.content.

<ShowDecision d="Brand Pink" size="m" viz="fg" options={{ mode: 'typeface' }} />
Gg
#d45084

text

Renders a long text.

You can override the content via options.content.

<ShowDecision d="Brand Pink" size="xl" viz="fg" options={{ mode: 'text' }} />
Somewhere deep within the woods, the faint hum of a hidden stream could be heard, weaving its way through roots and stones like a lifeline. An old wooden gate creaked in protest as it opened to an unfamiliar visitor. Beneath the stars, the now world seemed boundless and impossibly quiet. Clouds parted. A new path appeared from nowhere. The fox paused at the edge of the clearing, its golden eyes reflecting the pale glow of the moon as it surveyed the silent expanse. A cold wind carried the scent
#d45084