* Testing dialog * Refactor modal and add dialog component to simple dialog * Use existent dialog * Expect event from getText callback (annotation) * Bump cornerstone-tools version * Use simple dialog * bump cornersotne version * CR Update: Update dialgo method names and default values * CR Update: Bump overlay and show only if theres at least one overlay prop set to true * CR Update: Use percentage over view height in draggable area * Fix broken test vtk checks WWWC tool * Comment test (non-deterministic) |
||
|---|---|---|
| .. | ||
| .webpack | ||
| public | ||
| src | ||
| .all-contributorsrc | ||
| .env | ||
| app.css | ||
| babel.config.js | ||
| CHANGELOG.md | ||
| doczrc.js | ||
| jest.config.js | ||
| LICENSE | ||
| package.json | ||
| postcss.config.js | ||
| README.md | ||
@ohif/ui
@ohif/ui is a collection of components and utilities that power OHIF's zero-footprint DICOM viewer.
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 guide.
// with npm
npm i @ohif/ui --save-exact
// with yarn
yarn add @ohif/ui --exact
Usage
import React, { Component } from 'react';
import { LayoutButton } from '@ohif/ui';
class Example extends Component {
constructor(props) {
super(props);
this.state = {
selectedCell: {
className: 'hover',
col: 1,
row: 1,
},
};
}
render() {
return (
<LayoutButton
selectedCell={this.state.selectedCell}
onChange={cell => this.setState({ selectedCell: cell })}
/>
);
}
}
Developing Locally
Restore dependencies after cloning:
# Restore workspace dependencies (from repository root)
yarn install
# From project root
yarn run dev:ui
# OR from this project's directory
yarn run dev
Contributors ✨
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!
License
MIT © OHIF