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
Paginierungskomponente
Eine reaktionsschnelle Paginierungskomponente, die mit 3D-Elementen und Unterstützung für dunkle Themen unter Verwendung von Tailwind CSS entwickelt wurde.
Brutale Paginierungskomponente
Eine einfache, brutalistische Paginierungskomponente für Social-Media-Schnittstellen mit Pastellfarben, Unterstützung des Dunkelmodus und Reaktionsfähigkeit.
Paginierungskomponente
Eine reaktionsschnelle Paginierungskomponente in einem brutalistischen Stil, die für Geschäfts-/Unternehmenswebsites geeignet ist und ein triadisches Farbschema und Unterstützung für den Dunkelmodus bietet.