how to custom react-flow control

Question

I have a person project,in this project,i used react-flow、react, i wish to make a custom control replace original control, includes zoomIn、zoomOut、fit、percent、add nodes and the element position is bottom right. add nodes can open side or drawer

Answer 1

⬇️is my custom control and some control APIs realized code enter image description here

⬇️is my implementations code enter image description here