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 moonlight spilled through the treetops, illuminating a forgotten glade where ancient stones bore inscriptions long worn by time. A clock chimed in the distance, its sound eerily out of place. In her hand, she held the map, edges frayed, its markings barely legible in the dim light. A low growl came from the darkness, closer than expected. From the shadows, a new beginning emerged. Clouds parted. The fox ran. A cold wind carried the scent of rain and something else—something unfamiliar. The f
#d45084