searchable-react-json-view

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