# React Rowing Blades

React Rowing Blades is a library of SVG illustrations (react components) of rowing clubs' blades.

[![Version](https://img.shields.io/npm/v/react-rowing-blades.svg?style=flat-square)](https://www.npmjs.com/package/react-rowing-blades)

<img width="260" alt="Screenshot 2019-07-23 at 18 54 27" src="https://user-images.githubusercontent.com/981531/61735190-56c75f00-ad7b-11e9-8d40-453e5a83e366.png">

## Install

`npm install --save react-rowing-blades`

### How to use

```javascript
import Blade from 'react-rowing-blades';

const Example = () => <Blade size={200} club="cam" />;
```

## Development

If you want to develop a component

- `npm i`

- `npm run storybook`

If you want to build

- `npm run build-storybook`

## Documentation

See https://react-rowing-blades.netlify.com/

## Attribution

Original blade designs from [Wikimedia Commons](https://commons.wikimedia.org/wiki/Category:SVG_rowing_blades).

## License

The blade designs are licensed under the [Creative Commons Attribution Share Alike 4.0 International license](https://creativecommons.org/licenses/by-sa/4.0/), and the underlying source code used to display the blade designs is licensed under the [Apache License 2.0](LICENSE.md).