Code on GitHub

Demo usage:

{"NotEmpty":"some text","Null":null,"Array":["foo","bar",true,42],"BoolTrue":true,"BoolFalse":false,"Number":42}


Result object:



    

Customization:

   





Example tag:

<kv-input title=""
          key-title=""
          value-title=""
          debounce="0"
          use-types="true">
              <code slot="meta">{
                  
              }</code>
          </kv-input>
Do not forget to include web-component:
import 'kv-input.js';