Componenti Impaginazione Componente di impaginazione

Componente di impaginazione

Un semplice componente di impaginazione reattivo progettato per la modalità scura con una combinazione di colori analoga, adatto per un portfolio.

Anteprima

Codice 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>

Componenti correlati

Componente di impaginazione

Un componente di impaginazione reattivo progettato con elementi 3D e supporto per temi scuri utilizzando Tailwind CSS.

Aperto

Retro_Grayscale_Crypto_Pagination

Un componente di impaginazione complesso, in stile retrò/vintage per applicazioni di criptovaluta/blockchain, che utilizza una combinazione di colori in scala di grigi. È completamente reattivo e supporta la modalità oscura.

Aperto

Componente di impaginazione

Componente di impaginazione con stile di design retrò / vintage, combinazione di colori triadica, complessità semplice, per blog / contenuto, utilizzando Tailwind CSS. Design reattivo con supporto per temi scuri.

Aperto