Componente de paginación
Componente de paginación responsivo con soporte 3D, color triádico, simple, estilo empresarial/corporativo y modo oscuro
Código HTML
<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>Componentes relacionados
Componente de paginación
Un componente de paginación skeuomórfico diseñado para el consumo de contenido de blog con tonos tierra y soporte para temas oscuros.
Componente de paginación
Componente de paginación con microinteracciones para un portafolio, utilizando un esquema de color triádico. Diseño responsivo con soporte para temas oscuros, sin JavaScript.
Componente de paginación
Un componente de paginación monocromático y receptivo inspirado en 3D para interfaces de redes sociales, con soporte para modo oscuro, construido con Tailwind CSS.