Pagination

Pagination Demo

123

Usage

HTML

<div class="page-box">
  <div class="page-main ">
    <nav class="page-body" aria-label="Pagination">
      <a href="#" class="page-star"><div class="i-carbon-chevron-left" /></a>
      <a href="#" class="page-content">1</a>
      <a href="#" class="page-content">2</a>
      <a href="#" class="page-content">3</a>
      <a href="#" class="page-end"><div class="i-carbon-chevron-right" /></a>
    </nav>
  </div>
</div>

JSX

<div className="page-box">
  <div className="page-main ">
    <nav className="page-body" aria-label="Pagination">
      <a href="#" className="page-star"><div class="i-carbon-chevron-left" /></a>
      <a href="#" className="page-content">1</a>
      <a href="#" className="page-content">2</a>
      <a href="#" className="page-content">3</a>
      <a href="#" className="page-end"><div class="i-carbon-chevron-right" /></a>
    </nav>
  </div>
</div>

Rules

/^page-((box|main|body|star|end|content))$/