Customize-2d-data-viewer NPM

Customize-2d Data Viewer

Install

npm i customize-2d-data-viewer

Usage

import {DataViewer} from 'customize-2d-data-viewer';

const orderId = '...';
const data = {...};

const App = () => {
    return (<DataViewer
        orderId={orderId}
        data={data}
    />);
};

API

Property	Description	Type	Default
orderId	order id	string	''
data	data	object	null
disableAutoColon	disable auto colon	boolean	false
color	font color	string	'#444444'
borderColor	border color form main box	string	'#e1e1e1'
fontSize	font size	number	14
sectionTitleFontSize	font size for title of section	number	18
sectionTitleBackgroundColor	background color for title of section	string	'#fafafa'
sectionTitleBorderColor	color for title of section	string	'#f2f2f2'
messageNoData	message while no data	string	'暂无数据'