Componentes Paginación Componente de paginación

Componente de paginación

Un componente de paginación responsivo simple diseñado para el modo oscuro con un esquema de color análogo, adecuado para un portafolio.

Vista previa

Código HTML

<div class="flex justify-center items-center space-x-4 py-6">
    <a href="#" class="px-4 py-2 border border-gray-700 text-gray-300 bg-gray-800 rounded-md hover:bg-gray-700 dark:border-gray-500 dark:text-gray-400 dark:bg-gray-900 dark:hover:bg-gray-600">&laquo; Previous</a>
    <a href="#" class="px-4 py-2 border border-gray-700 text-gray-300 bg-gray-800 rounded-md hover:bg-gray-700 dark:border-gray-500 dark:text-gray-400 dark:bg-gray-900 dark:hover:bg-gray-600">1</a>
    <a href="#" class="px-4 py-2 border border-gray-700 text-gray-300 bg-gray-800 rounded-md hover:bg-gray-700 dark:border-gray-500 dark:text-gray-400 dark:bg-gray-900 dark:hover:bg-gray-600">2</a>
    <a href="#" class="px-4 py-2 border border-gray-700 text-gray-300 bg-gray-800 rounded-md hover:bg-gray-700 dark:border-gray-500 dark:text-gray-400 dark:bg-gray-900 dark:hover:bg-gray-600">3</a>
    <a href="#" class="px-4 py-2 border border-gray-700 text-gray-300 bg-gray-800 rounded-md hover:bg-gray-700 dark:border-gray-500 dark:text-gray-400 dark:bg-gray-900 dark:hover:bg-gray-600">Next &raquo;</a>
</div>

Componentes relacionados

Componente de paginación de neumorfismo

Componente de paginación de neumorfismo para comercio electrónico utilizando Tailwind CSS

Abrir

Componente de paginación

Un componente de paginación responsivo diseñado con un estilo brutalista, que utiliza tonos tierra y complejidad moderada para un sitio web comercial / corporativo, con soporte para temas oscuros.

Abrir

Componente de paginación

Componente de paginación responsivo con soporte 3D, color triádico, simple, estilo empresarial/corporativo y modo oscuro

Abrir