<div class="join">
<a role="button" href="#1" class="btn join-item">
1
</a>
<a role="button" class="btn join-item btn-disabled">
...
</a>
<a role="button" href="#37" class="btn join-item">
37
</a>
<a role="button" href="#38" class="btn join-item">
38
</a>
<a role="button" href="#39" class="btn join-item">
39
</a>
<a role="button" href="#40" class="btn join-item btn-active">
40
</a>
<a role="button" href="#41" class="btn join-item">
41
</a>
<a role="button" href="#42" class="btn join-item">
42
</a>
<a role="button" href="#43" class="btn join-item">
43
</a>
<a role="button" class="btn join-item btn-disabled">
...
</a>
<a role="button" href="#97" class="btn join-item">
97
</a>
<a role="button" href="#98" class="btn join-item">
98
</a>
<a role="button" href="#99" class="btn join-item">
99
</a>
</div>
@!jrmc.pagination({ object: fakeUsers({ currentPage: 40, total: 99 }) })
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
Class name | Type | |
---|---|---|
btn-group | Component | Groups buttons together |