KeySwatch

A name's swatch: a disc in its hue, the same for every kind of mark, so a key fed by a flowchart's boxes and a network's edges reads as one key. A name drawn in several colours gets a disc per colour, overlapping like an avatar stack, each later disc over the one before. The gap between two is cut out of the lower disc rather than painted in a ground colour, so it reads on whatever the panel is.

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

#Props

Takes no className, style or id.

coloursRequired
The hues or colours the name is drawn in, at least one.
readonly string[]

Declared in packages/canvas-sdk/src/react/footer-key.tsx:62.

Last updated