id | A unique id to identify component. | string | Mandatory |
placeholder | Send a valid javascript object to be shown once when component is mounted | object | Optional |
viewOnly | Send true if you would like for content shown not to be editable. | boolean | Optional |
onChange | Whenever onBlur event takes place it will return content values | object | Optional |
confirmGood | Send false if you would like for the checkmark to confirm good syntax to be hidden. | boolean | Optional |
height | A shorthand property to set a specific height for the entire component | string | Optional |
width | A shorthand property to set a specific width for the entire component | string | Optional |
colors | Contains the following properties: | object | Optional |
colors.default | Hex color code for any symbols, like curly braces , and comma . | string | Optional |
colors.string | Hex color code for tokens identified as string values. | string | Optional |
colors.number | Hex color code for tokens identified as integeter , double , or float values. | string | Optional |
colors.colon | Hex color code for tokens identified as colon . | string | Optional |
colors.keys | Hex color code for tokens identified as keys or property names. | string | Optional |
colors.keys_whiteSpace | Hex color code for tokens identified as keys wrapped in quotes. | string | Optional |
colors.primitive | Hex color code for tokens identified as boolean values and null. | string | Optional |
colors.error | Hex color code for tokens marked with an error tag. | string | Optional |
colors.background | Hex color code for component's background. | string | Optional |
colors.background_warning | Hex color code for warning message displaying at the top in component. | string | Optional |
style | Contains the following properties: | object | Optional |
style.container | Property to modify the default style of the container of component | string | Optional |
style.warningBox | Property to modify the default style of the container div of the warning message | string | Optional |
style.errorMessage | Property to modify the default style of the warning message | string | Optional |
style.body | Property to modify the default style of the container div of row labels and code | string | Optional |
style.labelColumn | Property to modify the default style of the container div of row labels | string | Optional |
style.labels | Property to modify the default style of each row label | string | Optional |
style.contentBox | Property to modify the default style of the container div of the code | string | Optional |