🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more
Sign In

react-object-table-viewer

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-object-table-viewer - npm Package Compare versions

Comparing version
1.0.1
to
1.0.2
+3
-0
CHANGELOG.md

@@ -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;