Sticky Note

Run the following command to install the `sticky-note` components:

Double click the note — or focus it and press Enter — to edit, and blur or press Escape to commit. Double click rather than single click is deliberate: it leaves single click free for dragging when the note sits on a canvas. Pass editable={false} for a read only note.

Six colours and three sizes. The palette appears on hover or focus and writes straight to the bindable color prop; hide it with showPalette={false}. rotate adds a tilt.

The note has no dragging of its own, which is what lets it drop cleanly into a Canvas.Node — that handles position while the note handles content.

Pass children to replace the text body entirely — the colour, tilt and palette still apply.