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

Un componente de paginación skeuomórfico diseñado para el consumo de contenido de blog con tonos tierra y soporte para temas oscuros.

Abrir

Componente de paginación

Un componente de paginación responsivo diseñado con elementos 3D y soporte de temas oscuros mediante Tailwind CSS.

Abrir

Componente de paginación de neumorfismo

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

Abrir