npm

Need private packages and team management tools?Check out npm Orgs. »

react-vis-styles

0.3.7 • Public • Published

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

Keywords

none

install

npm i react-vis-styles

Downloadsweekly downloads

43

version

0.3.7

license

MIT

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability