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

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

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

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

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-компонент пагинации для интерфейсов социальных сетей с поддержкой темного режима, созданный с помощью Tailwind CSS.

Открытый

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

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

Открытый

Компонент пагинации неоморфизма

Компонент пагинации неморфизма для электронной коммерции с использованием Tailwind CSS

Открытый