searchable-react-json-view

This is a fork of react-json-view with an extra search capability.
Please go there for the full readme.

Install

yarn add searchable-react-json-view

New Props

Name|Type|Default|Description |:---|:---|:---|:--- highlightSearch|string|None|What term to highlight - applies to number, string, boolean and object keys. highlightSearchColor|string| |Highlight color highlightCurrentSearchColor|string| | Current highlight color customCopiedIcon|JSX.Element| null | Custom icon that appears after copying customCopyIcon|JSX.Element| null | Custom icon for copy to clipboard customActions|array| [] | Custom actions that appear after copy, edit etc. each item should be: { icon: JSX.Element, onClick: clickedJsonValue => void }

Example

Custom actions & copy icon

<JsonViewer
    customCopiedIcon={<span>Copied</span>}
    customCopyIcon={<span>Copy</span>}
    customActions={[{
        icon: <span>A</span>,
        onClick: (value) => alert(JSON.stringify(value))
    }]}
/>