Pagination

View Source 

Usage

@import "winduum/src/components/pagination/index.css" layer(utilities);

Variants

• default 

Installation

Follow instructions for individual framework usage below

• winduum 
• winduum-vue 
• winduum-react 

Example

<nav class="x-pagination" aria-label="pagination">
    <a class="x-button sm square muted pointer-events-none" href="#" aria-current="page">1</a>
    <a class="x-button sm square ghosted" href="#">2</a>
    <a class="x-button sm square ghosted" href="#">3</a>
    <a class="x-button sm square ghosted" href="#">4</a>
    <a class="x-button sm square ghosted">...</a>
    <a class="x-button sm square ghosted" href="#">30</a>
</nav>