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' }} />
From the shadows, a new beginning emerged. The quick brown fox darted through the underbrush, its ears pricked for danger. The old bridge creaked under the weight of footsteps, threatening to give way. The moonlight spilled through the treetops, illuminating a forgotten glade where ancient stones bore inscriptions long worn by time. Clouds parted. The tall grass swayed lazily, whispering secrets only the wind could hear. The fox ran. The forest seemed alive, each rustle and whisper carrying secr
#d45084