1.1.0 • Published 9 months ago
@react-sandbox/sparkline v1.1.0
Usage
Install
Install the @react-sandbox/sparkline
package:
npm install @react-sandbox/sparkline
Import
Import the Sparkline
component:
import React from 'react'
import Sparkline from '@react-sandbox/sparkline'
function App() {
return (
<div>
<Sparkline
values={[1, 2, 1, 4, 6, 8, 6]}
width={50}
height={50}
/>
</div>
)
}
Props
Prop | Type | Default | Description |
---|---|---|---|
values | Array<number> | required | Y-coordinates on graph |
width | number | required | Sparkline width |
height | number | required | Sparkline height |
lineColor | string | '#4989eb' | Line stroke color |
lineWidth | number | 3 | Line stroke width |
fillColor | string | '#b2cff2' | Fill area color |
fillOpacity | number | 1 | Fill area opacity |
className | string | - | CSS classes |
style | React.CSSProperties | - | CSS styles |
Development
Local
pnpm install
pnpm dev
Tests
pnpm test
Example
Inside test/
:
pnpm install
pnpm dev
License
MIT