hueTint

Returns the palest step of a colour's hue as CSS, the background for a chip or a row in that colour.

@internote/canvas-sdkFunction
On this page
import { hueTint } from '@internote/canvas-sdk';

neutral gives the grey step; a literal, or no colour at all, gives fallback.

#Signature

(colour: string | undefined, fallback?: string): string

#Parameters

colour
A colour attribute value, such as blue or light-teal.
fallback
The CSS to return for a literal or an absent colour.

#Example

<FooterMarker colour={colourCss(mark.colour)} tint={hueTint(mark.colour)} />

Declared in packages/canvas-sdk/src/paint/index.ts:98.

Last updated