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 moon broke through the clouds, revealing a path that had not been there before. A lantern swung from the hunter’s hand, casting long, jagged shadows on the trees. The fox ran. 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. The night seemed endless, a tapestry of sounds and shadows, each thread a fragment of a story waiting to be discovered. A single feather floated to the ground, its edges glinting w
#d45084