ShowContentMode

Available options for custom content rendered via ColorVizOptions.

export type ShowContentMode = 'typeface' | 'text';

<ShowColorValueDecision store={store} 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 showcasing features of a typeface.

<ShowDecision store={store} d="Brand Pink" size="m" viz="fg" />

Gg

#d35084

text

Renders a long text.

<ShowDecision
    store={store}
    d="Action Contrast Color"
    size="m"
    viz="fg"
    options={{ mode: 'text', contrast: '#9B2C5A' }}
/>

The tall grass swayed lazily, whispering secrets only the wind could hear. Beneath the starry canopy, the air was thick with mystery, the scent of moss and pine mingling with the crispness of the nigh

#fdfbfc