Pagination

This tailwind example is contributed by Lîmåã M, on 25-May-2023. Component is made with Tailwind v3.4. It is responsive.

Pagination

Author Lîmåã M

Tailwind v3.4 11.9k 12

Fork Fullscreen

<span class="rounded-lg border border-teal-500 px-2 py-2 text-gray-700">
        <span class="sr-only">Previous</span>
        <svg class="mt-1 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
            aria-hidden="true">
            <path fill-rule="evenodd"
                d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
                clip-rule="evenodd">
            </path>
        </svg>
    </span>

</nav>

Related Examples

Pagination

Leon Bachmann

3 years ago

11.6k
Basic pagination

Sophia Baker

3 years ago

13.3k
Pagination small
Suitable for large no of pages

Prajwal Hallale

3 years ago

7.6k
Simple Pagination

Gopi Yadav

3 years ago

10.7k
Responsive pagination with items per page filter
Displays previous and next pagination buttons on mobile devices

Leif99

3 years ago

12.2k
Pagination

Prem..

4 years ago

12.4k
Code Editor UI
Simple code editor prototype made with HTML and TailwindCSS. A lightweight template to explore and customize.

Indra

1 year ago

1k
SomaRwanda
Menya uburyo bwo kwandika ibisomwa, impuzandimi, n'imyandikire y'icyongereza mu buryo bworoshye.

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.5k
Previous page - Next page Buttons

Krishna Gudpalle

4 years ago

14.3k
Pagination round buttons

Livia Flores

3 years ago

12.6k
MULTI-STEP FORM component
MULTI-STEP FORM WIZARD · Open Source Component Steps: Personal → Role → Preferences → Goals → Review Features: stepper, validation, conditional fields, localStorage, animated transitions, review summary

Ijila Itunu

6 months ago

451
Employee table
Modern Unique and responsive table layout

Anonymous

1 year ago

1.4k