Компонент пагинации
Простой адаптивный компонент пагинации, предназначенный для темного режима с аналогичной цветовой гаммой, подходит для портфолио.
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">« 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 »</a>
</div>Связанные компоненты
Skeuomorphic_Purple_Pagination
Сложный, скевоморфный компонент пагинации, разработанный для веб-сайтов консалтинга/услуг, отличающийся фиолетово-фиолетовой цветовой схемой и полной отзывчивостью с поддержкой темного режима.
Retro_Grayscale_Crypto_Pagination
Сложный компонент пагинации в стиле ретро/винтаж для приложений криптовалюты/блокчейна с использованием цветовой схемы в оттенках серого. Он полностью отзывчив и поддерживает темный режим.
Компонент пагинации неоморфизма
Компонент пагинации с дизайном Neumorphism, пастельной цветовой гаммой и умеренной сложностью. Он предназначен для портфолио и включает в себя адаптивный дизайн и поддержку темных тем, используя только HTML и Tailwind CSS.