Back to Compositions

Pagination

Data Display

Page navigation controls

Composed from
ButtonTextSelect
Example
Show102550
Page 2 of 10
Usage
import { useState } from 'react';
import { Pagination } from '@/components/polaris';

function Example() {
    const [page, setPage] = useState(1);

    return (
        <Pagination
            page={page}
            pageSize={25}
            totalItems={150}
            onPageChange={setPage}
        />
    );
}