edge-components

Pagination: Default 

<div class="join">
    <a role="button" href="#1" class="btn join-item btn-md">
        1
    </a>

    <a role="button" href="#2" class="btn join-item btn-md">
        2
    </a>

    <a role="button" href="#3" class="btn join-item btn-md">
        3
    </a>

    <a role="button" href="#4" class="btn join-item btn-active btn-md">
        4
    </a>

    <a role="button" href="#5" class="btn join-item btn-md">
        5
    </a>

    <a role="button" href="#6" class="btn join-item btn-md">
        6
    </a>

    <a role="button" href="#7" class="btn join-item btn-md">
        7
    </a>

    <a role="button" href="#8" class="btn join-item btn-md">
        8
    </a>

    <a role="button" href="#9" class="btn join-item btn-md">
        9
    </a>

    <a role="button" href="#10" class="btn join-item btn-md">
        10
    </a>
</div>
 
@!jrmc.pagination({ object: fakeUsers({ currentPage: 4, total: 10 }) })

Pagination

Doc : daisyui pagination

Pagination is a group of buttons that allow the user to navigate between a set of related content.

⚠️ This component is adapted for adonisJS and Lucid

Adonis pagination

Class name Type
btn-group Component Groups buttons together