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' }} />

A clock chimed in the distance, its sound eerily out of place. They exchanged a glance, unspoken understanding passing between them. The quick brown fox darted through the underbrush, its ears pricked for danger. Leaves rustled quietly. The sun rose magnificently, announcing a brand new day. The fire crackled softly, a fleeting comfort against the encroaching chill. Clouds parted. The tall grass swayed lazily, whispering secrets only the wind could hear. The door creaked open, revealing a covere

#d45084