You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Pagination allows users to assess the number of pages available, identify what page they are on, browse to the previous or next page, or jump straight to the first or last page.
This component exists already in the Volvo Core Design Kit.
Acceptance Criteria
User AC:
Buttons are available to navigate forward or backward in pages
Once there is 7 content pages then an ellipsis is introduced between 5 and 7
Always a maximum of 7 page numbers in view
Non-functional AC:
Block colors needs to adapt to its context; it needs to work on section with dark background or grey background
Can be used on any page.
Questions
How many pages will always be on the tab (1-5 ... 10) ?
Answer: Mimic the same algorithm
Out of scope
Other variants of pagination as documented in Volvo Core Design Kit
Sort order of the content within each page
Checking how many content pages are to be shown per page
@mollyaljenkins - can we review this as the design system has this functionality in the design kit. We should be able to reduce the overall time on this item.
Context/Description
This component exists already in the Volvo Core Design Kit.
Acceptance Criteria
User AC:
Editor AC:
Non-functional AC:
Questions
Out of scope
Other variants of pagination as documented in Volvo Core Design Kit
Sort order of the content within each page
Checking how many content pages are to be shown per page
Note
Volvo pagination
https://volvoexperincesystem.z6.web.core.windows.net/?path=/docs/web-components-pagination--docs
Technical details
aria-current="page"
Attachment / link to Figma
Figma Design:
Desktop/Tablet: https://www.figma.com/file/c2jG1bOcvle2bCmZqgptyS/Magazine-C%26T?type=design&node-id=1590%3A21691&mode=dev
Mobile: https://www.figma.com/file/c2jG1bOcvle2bCmZqgptyS/Magazine-C%26T?type=design&node-id=1636%3A26829&mode=dev
Volvo Core Design Kit:
The text was updated successfully, but these errors were encountered: