Componente di impaginazione
Un semplice componente di impaginazione reattivo progettato per la modalità scura con una combinazione di colori analoga, adatto per un portfolio.
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">« 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 »</a>
</div>Componenti correlati
Componente di impaginazione brutale
Un semplice componente di impaginazione in stile brutalista per le interfacce dei social media con colori pastello, supporto per la modalità oscura e reattività.
OrganicPaginationComponent
Un componente di impaginazione ispirato alla natura per l'uso sul mercato, caratterizzato da linee fluide, estetica in bianco e nero con un accento luminoso e piena reattività con il supporto della modalità scura.
LuxuryPaginationComponent
Un componente di impaginazione elegante e sofisticato progettato per la documentazione o i siti wiki, caratterizzato da un tocco di lusso/premium, combinazione di colori complementari e ricchi elementi interattivi. Completamente reattivo con supporto per la modalità oscura.