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 skeuomorphe Paginierungskomponente, die für den Konsum von Blog-Inhalten mit Unterstützung für Erdtöne und dunkle Themen entwickelt wurde.
Neumorphe Paginierungskomponente
Eine neumorphe Paginierungskomponente mit Unterstützung für den Dunkelmodus.
Paginierungskomponente
Eine reaktionsschnelle, monochromatische 3D-inspirierte Paginierungskomponente für Social-Media-Schnittstellen mit Unterstützung für den Dunkelmodus, die mit Tailwind CSS erstellt wurde.