Web Component: j-KeyValue

  • Info
  • HTML
  • JS
  • CSS
  • Meta


A simple component for create key/value pairs values.


  • placeholderkey {String} a placeholder for the key input
  • placeholdervalue {String} a placeholder for the value input
  • icon {String} a label icon without ti-
  • maxlength {Number} max. lenght for inputs
  • label {String} a label (default: innerHTML)
  • disabled {Boolean} can disabled this control
  • autocomplete {String} a link to function(input, component) which is executed when an input is focused

Other functionality

// Binder
SETTER('keyvalue/binder', function(type, value) {
    if (type === 'key')
        return value.toUpperCase();
    else // type === 'value'
        return value;