Paginierungskomponente
Responsive Paginierungskomponente mit Unterstützung für 3D, Triadic Color, Simple, Business/Corporate Style und Dark Mode
HTML-Code
<nav aria-label="Pagination" class="flex justify-center items-center space-x-2 dark:bg-gray-800 p-4 rounded-md">
<a href="#" class="px-3 py-2 bg-blue-600 text-white rounded-md dark:bg-blue-800 dark:text-gray-200 transform transition duration-300 ease-in-out hover:scale-110">Previous</a>
<a href="#" class="px-3 py-2 bg-green-500 text-white rounded-md dark:bg-green-700 dark:text-gray-200 transform transition duration-300 ease-in-out hover:scale-110">1</a>
<a href="#" aria-current="page" class="px-3 py-2 bg-red-600 text-white rounded-md dark:bg-red-800 dark:text-gray-200 transform transition duration-300 ease-in-out hover:scale-110">2</a>
<a href="#" class="px-3 py-2 bg-green-500 text-white rounded-md dark:bg-green-700 dark:text-gray-200 transform transition duration-300 ease-in-out hover:scale-110">3</a>
<a href="#" class="px-3 py-2 bg-blue-600 text-white rounded-md dark:bg-blue-800 dark:text-gray-200 transform transition duration-300 ease-in-out hover:scale-110">Next</a>
</nav>Verwandte Komponenten
NeonGlowPaginierung
Eine reaktionsschnelle Paginierungskomponente mit Neon-/Leuchteffekten, die eine Wald-/Grün-Farbpalette verwendet, die für Kryptowährungs- und Blockchain-Anwendungen geeignet ist. Bietet Unterstützung für den Dunkelmodus und semantisches HTML.
Paginierungskomponente
Eine reaktionsschnelle Paginierungskomponente, die mit 3D-Elementen und Unterstützung für dunkle Themen unter Verwendung von Tailwind CSS entwickelt wurde.
Paginierungskomponente
Eine einfache, reaktionsschnelle Paginierungskomponente, die für den Dunkelmodus mit einem analogen Farbschema entwickelt wurde und für ein Portfolio geeignet ist.