searchable-react-json-view

This is a fork of searchable-react-json-view.

The only changes made to the original package are:

• The addition of react@^17 as an accepted peer dependency
• Upgrading the lockfile from v1 to v3

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))
    }]}
/>