# Uso

Nesta seção aprenderemos como aplicar o componente de paginação em seu projeto

Paginação

Para usar o componente de paginação é bem simples, basta adicionar uma div com a classe paginate. Veja um exemplo abaixo: 



  <div class="pagination">
    <a href="#">«</a>
    <a href="#">1</a>
    <a class="active" href="#">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
    <a href="#">5</a>
    ...
    <a href="#">11</a>
    <a href="#">»</a>
  </div>

Alterando a cor da página ativada

A classe active possui uma cor padrão (vermelho), caso deseje alterar, basta adicionar o nome de uma cor como classe. Veja um exemplo abaixo: 



  <div class="pagination">
    <a href="#">«</a>
    <a href="#">1</a>
    <a class="active blue" href="#">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
    <a href="#">5</a>
    ...
    <a href="#">11</a>
    <a href="#">»</a>
  </div>