Render DOM elements inside a canvas stage

How to put DOM elements (like inputs or divs) inside of a Konva stage?

If you want to have some DOM nodes as part of your canvas tree you can use <Html /> component from react-konva-utils package.

Remember that DOM nodes are not direct children of Konva containers. <Html /> is just a special wrapper to work with a Portal-like API. Also components inside <Html /> may not have access to upper context (so you have to bridge contexts manually).

Enjoying Konva? Please consider to support the project.