react-object-table-viewer
Advanced tools
+3
-0
@@ -0,1 +1,4 @@ | ||
| # v1.0.2 | ||
| - added layoutType | ||
| # v1.0.1 | ||
@@ -2,0 +5,0 @@ - added style, className param |
+1
-1
| { | ||
| "name": "react-object-table-viewer", | ||
| "version": "1.0.1", | ||
| "version": "1.0.2", | ||
| "description": "react object table ui", | ||
@@ -5,0 +5,0 @@ "main": "out/cjs", |
| import React, { FC, ReactNode } from 'react'; | ||
| interface PropTypes { | ||
| children?: ReactNode; | ||
| } | ||
| const CodeBlock: FC<PropTypes> = (props: PropTypes) => { | ||
| return (<pre style={{ | ||
| fontSize: '11px', | ||
| backgroundColor: '#eee', | ||
| }}> | ||
| {props.children} | ||
| </pre>); | ||
| }; | ||
| export default CodeBlock; |
| import React, { | ||
| FC, | ||
| ReactNode | ||
| } from 'react'; | ||
| import ReactObjectTableViewer from '../src'; | ||
| import packages from '../package.json'; | ||
| import CodeBlock from './components/CodeBlock'; | ||
| interface PropTypes { | ||
| children?: ReactNode; | ||
| } | ||
| const index: FC<PropTypes> = (props: PropTypes) => { | ||
| const data = { | ||
| hello: 'world', | ||
| abc: 123, | ||
| array: ['1', '2', '3'], | ||
| }; | ||
| return <> | ||
| <h1>react-object-table-viewer {packages.version}</h1> | ||
| <h2>How to use</h2> | ||
| <div> | ||
| <a | ||
| href="https://github.com/jinkwon/react-object-table-viewer">https://github.com/jinkwon/react-object-table-viewer</a> | ||
| </div> | ||
| <h3>Example</h3> | ||
| <ReactObjectTableViewer | ||
| style={{ | ||
| fontSize: '12px', | ||
| }} | ||
| data={data} /> | ||
| <CodeBlock>{` | ||
| <ReactObjectTableViewer | ||
| style={{ | ||
| fontSize: '12px', | ||
| }} | ||
| data={data} /> | ||
| `}</CodeBlock> | ||
| </>; | ||
| }; | ||
| export default index; |
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
0
-100%12881
-8.24%25
-7.41%234
-17.89%