@meetelise/searchable-react-json-view NPM

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

array-viewer base-16 component interactive interactive-json json json-component json-display json-tree json-view json-viewer json-inspector json-tree react react-component react-json theme tree tree-view treeview

flux react-base16-styling react-lifecycles-compat react-textarea-autosize

1.0.0

11 months ago