Pagination

@component-controls/components

3.4.5

Pagination component to navigate previous/next page

Component

browse

docs

issues

import { Pagination } from '@component-controls/components';

Overview

() => (
  <Box style={{ width: '100%' }}>
    <Pagination
      prev={{
        link: '/',
        title: 'link to prev',
      }}
      next={{
        link: '/',
        title: 'link to prev',
      }}
    />
  </Box>
)

Properties

Name	Description	Default
prev	link and title to previous page PaginationPage	-
next	link and title to next page PaginationPage	-

External dependencies

package	imports	peer
@primer/octicons-react ^10.0.0	ArrowRightIconArrowLeftIcon
react ^17.0.1	FC	*
theme-ui ^0.6.0-alpha.7	jsxTextBox

Internal dependencies

file	imports
"../Link"	Link

Component JSX

Stories

Only Prev

() => (
  <Pagination
    prev={{
      link: '/',
      title: 'link to prev',
    }}
  />
)

Only Next

() => (
  <Pagination
    next={{
      link: '/',
      title: 'link to next',
    }}
  />
)

component-controls/Multiselect

component-controls/PanelContainer

Docs

Pagination

Component

Overview

Properties

External dependencies

Internal dependencies

Component JSX

Stories

Only Prev

Only Next