4.65.5 • Published 9 days ago

@contentful/f36-pagination v4.65.5

Weekly downloads
-
License
MIT
Repository
github
Last release
9 days ago

title: 'Pagination' status: 'stable' isNew: true slug: /components/pagination/ github: 'https://github.com/contentful/forma-36/tree/main/packages/components/pagination' storybook: 'https://f36-storybook.contentful.com/?path=/story/components-pagination'

typescript: ./src/Pagination.tsx

Used to navigate between pages on a list.

Import

import { Pagination } from '@contentful/f36-components';
// or
import { Pagination } from '@contentful/f36-pagination';

Examples

Basic

When not using the total prop, it's necessary to pass to the component the isLastPage and the pageLength prop, so the Pagination component can render correctly.

With total number of items

When you know how many items in total there will be paginated on, you should pass that prop and the Pagination component will make all the calculations.

With view per page selector

With total and view per page selector

Props (API reference)

Content guidelines

  • onPageChange prop must update the list displayed to the user based on the page navigated to.

Accessibility

  • All the necessary a11y attributes are provided for the pagination elements.
  • Pass an aria-label to the Pagination to give more context to screen readers.
@contentful/f36-button@contentful/f36-core@contentful/f36-forms@contentful/f36-icons@contentful/f36-tokens@contentful/f36-typographyemotion
@infinitebrahmanuniverse/nolb-_cont@everything-registry/sub-chunk-196@zalastax/nolb-_cont@contentful/f36-components
4.65.5

9 days ago

4.65.4

11 days ago

4.65.3

12 days ago

4.65.2

12 days ago

4.65.1

15 days ago

4.65.0

18 days ago

4.63.0

1 month ago

4.64.0

1 month ago

4.62.0

1 month ago

4.61.0

2 months ago

4.60.3

2 months ago

4.60.2

3 months ago

4.60.1

3 months ago

4.60.0

3 months ago

4.59.3

3 months ago

4.59.2

3 months ago

4.59.1

3 months ago

4.59.0

3 months ago

4.58.4

4 months ago

4.58.3

4 months ago

4.58.2

4 months ago

4.58.1

4 months ago

4.58.0

4 months ago

4.57.0

4 months ago

4.56.1

5 months ago

4.56.2

5 months ago

4.56.0

5 months ago

4.55.1

5 months ago

4.55.0

5 months ago

4.54.5

5 months ago

4.54.4

5 months ago

4.49.1

9 months ago

4.49.0

9 months ago

4.52.1

7 months ago

4.52.2

7 months ago

4.52.0

8 months ago

4.52.3

7 months ago

4.47.0

10 months ago

4.48.2

9 months ago

4.48.1

9 months ago

4.48.0

10 months ago

4.51.0

8 months ago

4.46.0

10 months ago

4.47.3

10 months ago

4.47.2

10 months ago

4.47.1

10 months ago

4.50.0

9 months ago

4.54.0

6 months ago

4.50.1

8 months ago

4.50.2

8 months ago

4.54.3

6 months ago

4.54.1

6 months ago

4.54.2

6 months ago

4.45.0

11 months ago

4.53.0

7 months ago

4.44.0

11 months ago

4.39.0

1 year ago

4.37.1

1 year ago

4.37.0

1 year ago

4.40.3

12 months ago

4.42.0

11 months ago

4.40.2

12 months ago

4.40.1

12 months ago

4.40.0

12 months ago

4.40.7

12 months ago

4.40.6

12 months ago

4.40.5

12 months ago

4.40.4

12 months ago

4.38.1

1 year ago

4.38.0

1 year ago

4.43.0

11 months ago

4.41.1

12 months ago

4.41.0

12 months ago

4.36.0

1 year ago

4.35.0

1 year ago

4.31.0

1 year ago

4.33.0

1 year ago

4.29.0

1 year ago

4.32.0

1 year ago

4.30.2

1 year ago

4.30.1

1 year ago

4.30.0

1 year ago

4.34.1

1 year ago

4.34.0

1 year ago

4.30.3

1 year ago

4.28.0

1 year ago

4.27.0

1 year ago

4.25.0

1 year ago

4.26.0

1 year ago

4.24.1

1 year ago

4.25.1

1 year ago

4.25.2

1 year ago

4.23.0

1 year ago

4.23.1

1 year ago

4.23.2

1 year ago

4.21.4

2 years ago

4.22.0

1 year ago

4.24.0

1 year ago

4.23.3

1 year ago

4.21.5

2 years ago

4.21.6

1 year ago

4.21.7

1 year ago

4.21.8

1 year ago

5.0.0

2 years ago

4.21.1

2 years ago

4.21.2

2 years ago

4.21.3

2 years ago

4.21.0

2 years ago

4.20.9

2 years ago

4.19.0

2 years ago

4.19.1

2 years ago

4.19.2

2 years ago

4.16.0

2 years ago

4.15.1

2 years ago

4.17.0

2 years ago

4.18.0

2 years ago

4.20.2

2 years ago

4.20.3

2 years ago

4.20.4

2 years ago

4.20.5

2 years ago

4.20.0

2 years ago

4.20.1

2 years ago

4.20.6

2 years ago

4.20.7

2 years ago

4.20.8

2 years ago

4.15.0

2 years ago

4.10.5

2 years ago

4.11.0-beta.0

2 years ago

4.11.0

2 years ago

4.10.1

2 years ago

4.12.0

2 years ago

4.10.2

2 years ago

4.13.0

2 years ago

4.10.3

2 years ago

4.14.0

2 years ago

4.10.4

2 years ago

4.10.0

2 years ago

4.9.0

2 years ago

4.8.1

2 years ago

4.8.2

2 years ago

4.8.0

2 years ago

4.1.0-beta

2 years ago

4.0.0-beta

2 years ago