Components - Pagination

<div class="ui-pagination">
  <div class="ui-pagination__controls" role="group" aria-label="페이지 이동">
    <button type="button" class="ui-pagination__nav ui-pagination__nav--first is-disabled" data-page="first" aria-label="처음으로" aria-disabled="true" disabled></button>
    <button type="button" class="ui-pagination__nav ui-pagination__nav--prev is-disabled" data-page="prev" aria-label="이전 페이지" aria-disabled="true" disabled></button>
    <ol class="ui-pagination__pagers" role="list">
      <li>
        <button type="button" class="ui-pagination__page is-active" aria-current="page">1</button>
      </li>
      <li>
        <button type="button" class="ui-pagination__page">2</button>
      </li>
      <li>
        <span class="ui-pagination__ellipsis" aria-hidden="true">&hellip;</span>
      </li>
      <li>
        <button type="button" class="ui-pagination__page">10</button>
      </li>
    </ol>
    <button type="button" class="ui-pagination__nav ui-pagination__nav--next" data-page="next" aria-label="다음 페이지"></button>
    <button type="button" class="ui-pagination__nav ui-pagination__nav--last" data-page="last" aria-label="마지막으로"></button>
  </div>
  <div class="ui-pagination__size">
    <div class="ui-select-box" data-page-size-select aria-label="페이지당 항목 수 선택">
      <div class="ui-select-box__trigger js-select-value">
        <span data-selected-text>10개씩</span>
      </div>
      <div class="ui-select-box__panel js-select-box-panel">
        <div class="ui-select-box__list">
          <div class="ui-select-box__option js-select-option"><span>10개씩</span></div>
          <div class="ui-select-box__option js-select-option"><span>25개씩</span></div>
          <div class="ui-select-box__option js-select-option"><span>50개씩</span></div>
        </div>
      </div>
    </div>
  </div>
</div>