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

import DividerExample from './example/DividerExample?dev-site-example';
import DividerWithText from './example/DividerWithText?dev-site-example';
import DividerWithWrappingText from './example/DividerWithWrappingText?dev-site-example';

import DividerPropsTable from 'terra-divider/lib/Divider?dev-site-props-table';

<Badge />

# Terra Divider

The divider component is used to visually separate content on a layout.

## Getting Started

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

<!-- 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 |

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

## Usage

```jsx
import Divider from 'terra-divider';
```

## Component Features

* [Cross-Browser Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support)
* [LTR/RTL Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl)

## Examples
<DividerExample title="Default" />
<DividerWithText title="Section Divider With Custom Heading Text" />

## Divider Props
<DividerPropsTable />