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 neumórfica
Un componente de paginación neumórfica con soporte para modo oscuro.
Componente de paginación de neumorfismo
Un componente de paginación con diseño de neumorfismo, combinación de colores pastel y complejidad moderada. Está diseñado para portafolios e incluye diseño responsivo y soporte para temas oscuros utilizando solo HTML y Tailwind CSS.
Componente de paginación
Componente de paginación para la interfaz de usuario del modo oscuro con efectos responsivos y soporte para temas oscuros.