Composant de pagination
Un composant de pagination réactif simple conçu pour le mode sombre avec un schéma de couleurs analogue, adapté à un portfolio.
HTML Code
<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>
Composants associés
Composant de pagination brutale
Un composant de pagination simple, de style brutaliste, pour les interfaces de médias sociaux avec des couleurs pastel, la prise en charge du mode sombre et la réactivité.
Brutalist_Retro_Pagination
Un composant de pagination simple, de style brutaliste avec une palette de couleurs rétro, adapté aux sites d’information et de journalisme. Dispose d’un contraste élevé, d’une typographie audacieuse et d’une prise en charge du mode sombre.
Pagination d’entreprise Art Déco
Un composant de pagination sophistiqué inspiré de l’esthétique Art déco, avec des motifs géométriques et une palette de couleurs bleues d’entreprise. Il est réactif, inclut la prise en charge du mode sombre et convient aux sites Web d’entreprise professionnels.