[![CircleCI][circleci-image]][circleci-url]
[](#contributors)
[![code style: prettier][prettier-image]][prettier-url]
[![semantic-release][semantic-image]][semantic-url]
[![NPM version][npm-version-image]][npm-url]
[![NPM downloads][npm-downloads-image]][npm-url]
[![MIT License][license-image]][license-url]
This set of "Medical Imaging Viewer" React components are maintained separately
to:
- Decouple presentation from business logic
- Test and develop components in isolation
- Provide well documented, reusable components
- Aid rapid application development for context specific viewers
## Install
> This component library is pre- v1.0. All realeases until a v1.0 have the
> possibility of introducing breaking changes. Please depend on an "exact"
> version in your projects to prevent issues caused by loose versioning.
For full installation instructions, be sure to check out our
[getting started](https://react.ohif.org/getting-started#installation) guide.
```bash
// with npm
npm i react-viewerbase --save-exact
// with yarn
yarn add react-viewerbase --exact
```
## Usage
```jsx
import React, { Component } from 'react';
import { LayoutButton } from 'react-viewerbase';
class Example extends Component {
constructor(props) {
super(props);
this.state = {
selectedCell: {
className: 'hover',
col: 1,
row: 1,
},
};
}
render() {
return (
this.setState({ selectedCell: cell })}
/>
);
}
}
```
## Running Locally
_Restore dependencies after cloning:_
1. `cd react-viewerbase`
2. `yarn install`
_Develop w/ Hot Reloading:_
`yarn dev`
_Build for Production:_
`yarn build`
## Contributors β¨
Thanks goes to these wonderful people
([emoji key](https://allcontributors.org/docs/en/emoji-key)):
