This is a fork of react-json-view with an extra search capability.
Please go there for the full readme.
yarn add searchable-react-json-view| 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 } |
<JsonViewer
customCopiedIcon={<span>Copied</span>}
customCopyIcon={<span>Copy</span>}
customActions={[{
icon: <span>A</span>,
onClick: (value) => alert(JSON.stringify(value))
}]}
/>