import { Badge } from 'terra-clinical-result/package.json?dev-site-package';

import Default from '../example/result-name-header-cell/ResultNameHeaderCell?dev-site-example';
import FlowsheetExample from '../example/result-name-header-cell/ResultNameHeaderFlowsheetExample?dev-site-example';
import SemanticStyleHeaderNameCell from '../example/result-name-header-cell/ResultNameHeaderCellSemanticTableExample?dev-site-example';

import ResultNameHeaderProps from 'terra-clinical-result/src/result-name-header-cell/ResultNameHeaderCell?dev-site-props-table';

<Badge />

# Result Name Header Cell

Result-Name-Header-Cell is a component of terra-clinical-result that creates a standardized view for the Result Name and Unit of Measure in the first column (row header) for each row within a flowsheet.

## Getting Started

- Install with [npmjs](https://www.npmjs.com):
  - `npm install terra-clinical-result`


<!-- AUTO-GENERATED-CONTENT:START Peer Dependencies -->
## Peer Dependencies

This component requires the following peer dependencies be installed in your app for the component to properly function.

| Peer Dependency | Version |
|-|-|
| react | ^16.8.5 |
| react-dom | ^16.8.5 |
| react-intl | ^2.8.0 |

<!-- AUTO-GENERATED-CONTENT:END -->

## Usage
```jsx
import { ResultNameHeaderCell } from 'terra-clinical-result/lib/index';
```

## Examples
<Default />
<FlowsheetExample title="Result Name Header Cells in Sample Flowsheet"/>
<SemanticStyleHeaderNameCell title="Result Name Header Cell in Semantic Table"/>

## Result Name Header Cell Props
<ResultNameHeaderProps />