1 | # reporting-sdk-demo
|
2 |
|
3 | ![GitHub package.json version](https://img.shields.io/github/package-json/v/herbowicz/reporting-sdk-demo.svg)
|
4 | ![npm (tag)](https://img.shields.io/npm/v/reporting-sdk-demo/latest.svg)
|
5 | [![install size](https://packagephobia.now.sh/badge?p=reporting-sdk-demo)](https://packagephobia.now.sh/result?p=reporting-sdk-demo)
|
6 |
|
7 | Reporting SDK Demo as NPM package
|
8 |
|
9 | ## Install
|
10 |
|
11 | ```
|
12 | $ npm i -S reporting-sdk-demo
|
13 | ```
|
14 |
|
15 | ## Usage
|
16 |
|
17 | Import Dashboard component where you want to use it:
|
18 |
|
19 | ```js
|
20 | import Dashboard from "reporting-sdk-demo";
|
21 | ```
|
22 |
|
23 | Then just render it:
|
24 |
|
25 | ```js
|
26 | <Dashboard />
|
27 | ```
|
28 |
|
29 | ## Props
|
30 |
|
31 | | _Prop_ | _Description_ | _Default value_ |
|
32 | | ------ | :-------------------: | :-------------: |
|
33 | | color | Sets background color | blue |
|
34 | | width | Sets width | 100 |
|
35 | | height | Sets height | 100 |
|
36 | | text | Sets inner text | empty string |
|
37 |
|
38 | ## Example
|
39 |
|
40 | ```
|
41 | import React, { Component } from "react";
|
42 | import Dashboard from "reporting-sdk-demo";
|
43 |
|
44 | class App extends Component {
|
45 | render() {
|
46 | return (
|
47 | <Dashboard height={150} color="red" text="Hello World!" />
|
48 | );
|
49 | }
|
50 | }
|
51 |
|
52 | export default App;
|
53 | ```
|