Skip to main content

<AvResourcePagination />

This is a wrapper around the Pagination Component that can be used for paginating @availity/api-axios resources.

Example​

import React from 'react';
import { AvResourcePagination, PaginationControls } from '@availity/pagination';
import { avOrganizationsApi } from '@availity/api-axios';

const Example = () => (
  <AvResourcePagination resource={avOrganizationsApi} itemsPerPage={25}>
    <PaginationControls />
  </AvResourcePagination>
);

Live example: Storybook​

Props​

In addition to Pagination props:

resource: ApiResource​

Availity API resource (see @availity/api-axios).

getResult?: string | (data: object) => object[]​

When a function, the function is called with the response body from the API call and is expected to return an array containing the list of items for the page. When a string, the string is expected to be a simple key used to get the value from the response. ("simple" means dot notation is not supported for grabbing values from nested objects. If your result is deeply nested, provide a function.)

parameters?: object​

Object used to create querystring parameters in the request.