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' }} />
The fire crackled softly, a fleeting comfort against the encroaching chill. A clock chimed in the distance, its sound eerily out of place. At the heart of the forest, where the trees grew taller and closer, a feeling of profound stillness settled, as if time had slowed. An owl took off. A single feather floated to the ground, its edges glinting with an iridescent sheen. The forest seemed alive, each rustle and whisper carrying secrets of ages past, guarded by time itself. The hunter's breath was
#d45084