# Pager Pager, PageItem

Quick previous and next links.


          const pagerInstance = (
            <Pager>
              <PageItem href="#">Previous</PageItem>
              {' '}
              <PageItem href="#">Next</PageItem>
            </Pager>
          );

          
        

# Aligned

Set the previous or next prop to true, to align left or right.


          const pagerInstance = (
            <Pager>
              <PageItem previous href="#">&larr; Previous Page</PageItem>
              <PageItem next href="#">Next Page &rarr;</PageItem>
            </Pager>
          );

          
        

# Disabled

Set the disabled prop to true to disable the link.


          const pagerInstance = (
            <Pager>
              <PageItem previous href="#">&larr; Previous</PageItem>
              <PageItem disabled next href="#">Next &rarr;</PageItem>
            </Pager>
          );

          
        

# Props

Pager

NameTypeDefaultDescription
onSelectfunction

PageItem

NameTypeDefaultDescription
disabledbooleanfalse
eventKeyany
nextbooleanfalse
onClickfunction
onSelectfunction
previousbooleanfalse