FooterColour

A row of colour swatches in an environment's footer; the reader clicks one to choose it.

@internote/canvas-sdk/reactComponent
On this page
import { FooterColour } from '@internote/canvas-sdk/react';

The set is short enough to show whole, so there is no menu to open and no name to remember — the reader points at the colour they want. The chosen one carries the tick, the same mark the checkbox uses for "this one", because a ring alone is hard to read against a dark swatch.

#Props

Takes no className, style or id.

ariaLabelRequired
The swatch group's accessible name.
string
onChangeRequired
Called when the reader picks a swatch, with its palette name.
(value: string) => void
optionsRequired
The palette names offered, one swatch each, in order.
string[]
resolveRequired
Palette name → a CSS colour, since the SDK holds no palette of its own.
(name: string) => string
valueRequired
The chosen palette name.
string

Declared in packages/canvas-sdk/src/react/footer-controls.tsx:332.

Last updated