react-vis-styles

react vis styles in js

Usage no npm install needed!

<script type="module">
  import reactVisStyles from 'https://cdn.skypack.dev/react-vis-styles';
</script>

README

react-vis-styles

npm npm Build Status codecov styled with prettier

react-vis external styles as react component (so you can avoid bundling css)

Installation

yarn add react-vis-styles
npm install react-vis-styles --save

Demo

https://swiftcarrot.dev/react-vis-styles

Usage

import React, { Fragment } from 'react';
import {
  XYPlot,
  XAxis,
  YAxis,
  HorizontalGridLines,
  LineSeries
} from 'react-vis';
import RVStyles from 'react-vis-styles';

function App() {
  return (
    <Fragment>
      <RVStyles />
      <XYPlot width={300} height={300}>
        <HorizontalGridLines />
        <LineSeries data={[{ x: 1, y: 10 }, { x: 2, y: 5 }, { x: 3, y: 15 }]} />
        <XAxis />
        <YAxis />
      </XYPlot>
    </Fragment>
  );
}

separated imports

import {
  LegendsStyle,
  PlotStyle,
  RadialChartStyle,
  TreemapStyle
} from 'react-vis-styles';

with props

<LegendsStyle enabledColor="#3a3a48" disabledColor="#b8b8b8" />

License

MIT