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 pair of squirrels ran for cover while the fox wrestled the wind. A low growl came from the darkness, closer than expected. An owl took off. An old wooden gate creaked in protest as it opened to an unfamiliar visitor. A cold wind carried the scent of rain and something else—something unfamiliar. The hunter's breath was visible in the cold night air, his steps deliberate and measured as he followed the faint trail left b
#d45084