# Feature DREAM-601 - Create a PaginationComponent based on the Primer specification

Project: Stream Design System
Status: closed
URL: https://community.openproject.org/work_packages/DREAM-601

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 17.3.0 |
| Sprint |  |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Frontend components and Primer design system |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers | Behrokh Satarnejad |
| Designer | Parimal Satyal |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

**Acceptance criteria**

  - In the PVC repo, there is a `PaginationComponent`

  - The component is the rails equivalent of the existing React Primer component. For details see: <https://primer.style/product/components/pagination/>

  - Usages:
    
      - <mention class="mention" data-id="68533" data-type="work_package" data-text="##68533">\#\#68533</mention>
    
      - Replace exisiting rails pagination component with the new one