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' }} />
They exchanged a glance, unspoken understanding passing between them. Clouds parted. A clock chimed in the distance, its sound eerily out of place. A twig snapped in two. Overhead, the stars shimmered like a riddle waiting to be solved. A pair of squirrels ran for cover while the fox wrestled the wind. A lantern swung from the hunter’s hand, casting long, jagged shadows on the trees. The river hummed a tune, weaving a silver thread through the forest. An owl took off. The quick brown fox darted
#d45084