Package Exports
- @arokiajustus/searchable-json-node-react
- @arokiajustus/searchable-json-node-react/dist/main.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@arokiajustus/searchable-json-node-react) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
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-viewNew 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))
}]}
/>