React
Vue
Visualizer
{ "value": "idle", "previousValue": "", "event": {}, "previousEvent": {}, "context": { "inputValue": "", "editedTagValue": "", "editedTagId": null, "highlightedTagId": null, "value": [ "React", "Vue" ], "dir": "ltr", "max": 6, "blurBehavior": "---", "addOnPaste": false, "editable": true, "delimiter": ",", "disabled": false, "readOnly": false, "id": "000000110000030000000", "liveRegion": null, "log": { "current": null, "prev": null }, "fieldsetDisabled": false, "translations": { "clearTriggerLabel": "Clear all tags" }, "count": 2, "valueAsString": "[\"React\",\"Vue\"]", "trimmedInputValue": "", "isDisabled": false, "isInteractive": true, "isAtMax": false, "isOverflowing": false, "allowOverflow": false }, "done": false, "tags": [], "nextEvents": [ "FOCUS", "POINTER_DOWN", "DOUBLE_CLICK_TAG", "POINTER_DOWN_TAG", "CLICK_DELETE_TAG", "SET_INPUT_VALUE", "SET_VALUE", "CLEAR_TAG", "SET_VALUE_AT_INDEX", "CLEAR_VALUE", "ADD_TAG", "INSERT_TAG", "EXTERNAL_BLUR" ], "changed": false }