

Property to modify the default style of the outside container div of component. Hex color code for warning message displaying at the top in component. Hex color code for component's background.

Hex color code for tokens marked with an error tag. Hex color code for tokens identified as boolean values and null. Hex color code for tokens identified as keys wrapped in quotes. Hex color code for tokens identified as keys or property names. Hex color code for tokens identified as colon. Hex color code for tokens identified as integeter, double, or float values. Hex color code for tokens identified as string values. Hex color code for any symbols, like curly braces, and comma. Less than 100 milliseconds does not makes a difference.
#REACT JSON EDITOR AJRM UPDATE#
In other words, component will update if there is no additional keystroke after the last one within 1 second. Value defaults to 1000 when not specified. Send false if you would like for component not to automatically update on key press.Īmount of milliseconds to wait before re-rendering content after keypress. Send false if you would like for the checkmark to confirm good syntax to be hidden.Ī shorthand property to set a specific height for the entire component.Ī shorthand property to set a specific width for the entire component. Whenever onBlur or onKeyPress eventa take place, it will return content values. Send true if you would like for content shown not to be editable. Send a valid javascript object to be shown once when component is mounted. For any valid textContent, calculates and makes available in this.state as plain text, markup text, and javascript object.Accepts a javascript object in aceholder to display after component mounts.You can customize color palette as you please.Checks for syntax mistakes and provides feedback.Extended documentation on content values and built-in themes.$ cd path/to/repo/react-json-editor-ajrm/example Fork and/or clone this Github repository.
#REACT JSON EDITOR AJRM HOW TO#
How to Use import JSONInput from 'react-json-editor-ajrm' A stylish, editor-like, modular, react component for viewing, editing, and debugging javascript object syntax! Installing Dependency
