I’m developing web builder based on grapesjs. There is an option where you can set margins and paddings for objects. I want to change the basic design of grapesjs margin and padding.

I need it to be looked something like this:

Does anyone know what this is called? When there are numbers on the sides where you can indicate distances? Or is there some example on codepen/jsfiddle?