Pagination

Default

<Pagination> <Pagination.Item> <Pagination.Link href="#url">«</Pagination.Link> </Pagination.Item> <Pagination.Item> <Pagination.Link href="#url">1</Pagination.Link> </Pagination.Item> <Pagination.Item active> <Pagination.Link href="#url">2</Pagination.Link> </Pagination.Item> <Pagination.Item> <Pagination.Link href="#url">3</Pagination.Link> </Pagination.Item> <Pagination.Item> <span>...</span> </Pagination.Item> <Pagination.Item> <Pagination.Link href="#url">»</Pagination.Link> </Pagination.Item> </Pagination>

<Pagination>
  <Pagination.Item>
    <Pagination.Link href="#url">«</Pagination.Link>
  </Pagination.Item>

  <Pagination.Item>
    <Pagination.Link href="#url">1</Pagination.Link>
  </Pagination.Item>

  <Pagination.Item active>
    <Pagination.Link href="#url">2</Pagination.Link>
  </Pagination.Item>

  <Pagination.Item>
    <Pagination.Link href="#url">3</Pagination.Link>
  </Pagination.Item>

  <Pagination.Item>
    <span>...</span>
  </Pagination.Item>

  <Pagination.Item>
    <Pagination.Link href="#url">»</Pagination.Link>
  </Pagination.Item>
</Pagination>

Small

<Pagination size="small"> <Pagination.Item> <Pagination.Link href="#url">«</Pagination.Link> </Pagination.Item> <Pagination.Item> <span>...</span> </Pagination.Item> <Pagination.Item> <Pagination.Link href="#url">5</Pagination.Link> </Pagination.Item> <Pagination.Item active> <Pagination.Link href="#url">6</Pagination.Link> </Pagination.Item> <Pagination.Item> <Pagination.Link href="#url">7</Pagination.Link> </Pagination.Item> <Pagination.Item> <span>...</span> </Pagination.Item> <Pagination.Item> <Pagination.Link href="#url">»</Pagination.Link> </Pagination.Item> </Pagination>

<Pagination size="small">
  <Pagination.Item>
    <Pagination.Link href="#url">«</Pagination.Link>
  </Pagination.Item>

  <Pagination.Item>
    <span>...</span>
  </Pagination.Item>

  <Pagination.Item>
    <Pagination.Link href="#url">5</Pagination.Link>
  </Pagination.Item>

  <Pagination.Item active>
    <Pagination.Link href="#url">6</Pagination.Link>
  </Pagination.Item>

  <Pagination.Item>
    <Pagination.Link href="#url">7</Pagination.Link>
  </Pagination.Item>

  <Pagination.Item>
    <span>...</span>
  </Pagination.Item>

  <Pagination.Item>
    <Pagination.Link href="#url">»</Pagination.Link>
  </Pagination.Item>
</Pagination>

Large

<Pagination size="large"> <Pagination.Item> <Pagination.Link href="#url">«</Pagination.Link> </Pagination.Item> <Pagination.Item> <span>...</span> </Pagination.Item> <Pagination.Item> <Pagination.Link href="#url">7</Pagination.Link> </Pagination.Item> <Pagination.Item> <Pagination.Link href="#url">8</Pagination.Link> </Pagination.Item> <Pagination.Item active> <Pagination.Link href="#url">9</Pagination.Link> </Pagination.Item> <Pagination.Item> <Pagination.Link href="#url">»</Pagination.Link> </Pagination.Item> </Pagination>

<Pagination size="large">
  <Pagination.Item>
    <Pagination.Link href="#url">«</Pagination.Link>
  </Pagination.Item>

  <Pagination.Item>
    <span>...</span>
  </Pagination.Item>

  <Pagination.Item>
    <Pagination.Link href="#url">7</Pagination.Link>
  </Pagination.Item>

  <Pagination.Item>
    <Pagination.Link href="#url">8</Pagination.Link>
  </Pagination.Item>

  <Pagination.Item active>
    <Pagination.Link href="#url">9</Pagination.Link>
  </Pagination.Item>

  <Pagination.Item>
    <Pagination.Link href="#url">»</Pagination.Link>
  </Pagination.Item>
</Pagination>