Searchable-react-json-view NPM

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