Composants Pagination Composant de pagination

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.

Aperçu

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">&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>

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é.

Ouvrir

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.

Ouvrir

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.

Ouvrir