Компоненты Нумерация страниц Компонент пагинации

Компонент пагинации

Простой адаптивный компонент пагинации, предназначенный для темного режима с аналогичной цветовой гаммой, подходит для портфолио.

Предварительный просмотр

HTML-код

<div class="flex justify-center items-center space-x-4 py-6">
    <a href="#" class="px-4 py-2 border border-gray-700 text-gray-300 bg-gray-800 rounded-md hover:bg-gray-700 dark:border-gray-500 dark:text-gray-400 dark:bg-gray-900 dark:hover:bg-gray-600">&laquo; Previous</a>
    <a href="#" class="px-4 py-2 border border-gray-700 text-gray-300 bg-gray-800 rounded-md hover:bg-gray-700 dark:border-gray-500 dark:text-gray-400 dark:bg-gray-900 dark:hover:bg-gray-600">1</a>
    <a href="#" class="px-4 py-2 border border-gray-700 text-gray-300 bg-gray-800 rounded-md hover:bg-gray-700 dark:border-gray-500 dark:text-gray-400 dark:bg-gray-900 dark:hover:bg-gray-600">2</a>
    <a href="#" class="px-4 py-2 border border-gray-700 text-gray-300 bg-gray-800 rounded-md hover:bg-gray-700 dark:border-gray-500 dark:text-gray-400 dark:bg-gray-900 dark:hover:bg-gray-600">3</a>
    <a href="#" class="px-4 py-2 border border-gray-700 text-gray-300 bg-gray-800 rounded-md hover:bg-gray-700 dark:border-gray-500 dark:text-gray-400 dark:bg-gray-900 dark:hover:bg-gray-600">Next &raquo;</a>
</div>

Связанные компоненты

Неоморфная неоновая пагинация для музыки/аудио

Отзывчивый компонент нумерации страниц, выполненный в неморфном стиле и ярких неоновых/электрических цветах, подходит для потоковой передачи музыки и аудиоплатформ. Включает поддержку темного режима.

Открытый

Компонент пагинации

Адаптивный компонент пагинации, разработанный в стиле брутализм, с использованием земляных тонов и умеренной сложности для бизнес/корпоративного веб-сайта, с поддержкой темных тем.

Открытый

Компонент пагинации

Адаптивный компонент пагинации с поддержкой 3D, триадического цвета, простого, делового/корпоративного стиля и темного режима

Открытый