CCHub Logo CCHub Tailwind Collection
Komponenten Paginierung Paginierungskomponente

Paginierungskomponente

Eine einfache, reaktionsschnelle Paginierungskomponente, die für den Dunkelmodus mit einem analogen Farbschema entwickelt wurde und für ein Portfolio geeignet ist.

Vorschau

HTML-Code 

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

Verwandte Komponenten

Glassmorphism Paginierungskomponente

Eine reaktionsschnelle Paginierungskomponente, die mit Glasmorphismus und einem triadischen Farbschema entwickelt wurde und sich für das Lesen von Blogs und Inhalten eignet. Es verfügt über mehrere interaktive Elemente und unterstützt den Dunkelmodus.

Offen

OrganicPaginationKomponente:

Eine von der Natur inspirierte Paginierungskomponente für den Markteinsatz mit fließenden Linien, Schwarz-Weiß-Ästhetik mit hellem Akzent und voller Reaktionsfähigkeit mit Unterstützung des Dunkelmodus.

Offen

Retro_Grayscale_Crypto_Pagination

Eine komplexe Paginierungskomponente im Retro-/Vintage-Stil für Kryptowährungs-/Blockchain-Anwendungen, die ein Graustufen-Farbschema verwendet. Es reagiert vollständig und unterstützt den Dunkelmodus.

Offen