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

import ControlledPaginatorExample from './example/ControlledPaginatorExample?dev-site-example';
import ControlledPaginatorNoPagesExample from './example/ControlledPaginatorNoPagesExample?dev-site-example';

import ControlledPaginatorPropsTable from 'terra-paginator/lib/ControlledPaginator?dev-site-props-table';

<Badge />

# Terra Controlled Paginator

Controlled version of the [Paginator](https://engineering.cerner.com/terra-core/components/terra-paginator/paginator/paginator) for when the pagination state needs to be managed by a parent component. To use this component, the selectedPage must be managed through the state of a parent component, and passed into this paginator through props.

## Getting Started

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

## Usage

```jsx
import ControlledPaginator from 'terra-paginator/lib/ControlledPaginator';
```

## Component Features

* [Cross-Browser Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support)
* [Responsive Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support)
* [Mobile Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support)


## Examples
<ControlledPaginatorExample />
<ControlledPaginatorNoPagesExample />

## Controlled Paginator Props
<ControlledPaginatorPropsTable />