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

Paginierungskomponente

Eine reaktionsschnelle Paginierungskomponente, die im Brutalismus-Stil entwickelt wurde und Erdtöne und moderate Komplexität für eine Geschäfts-/Unternehmenswebsite verwendet, mit Unterstützung für dunkle Themen.

Offen

Paginierungskomponente

Eine reaktionsschnelle Paginierungskomponente, die mit 3D-Elementen und Unterstützung für dunkle Themen unter Verwendung von Tailwind CSS entwickelt wurde.

Offen