Introduction

Ce composant permet d'améliorer la lecture d'articles longs en gardant les titres visibles pendant le scroll. Chaque niveau de titre (h1-h4) reste collé en haut à une position différente, créant un effet de breadcrumb visuel.

Section 1: Utilisation de base

Les headers restent visibles pendant que vous scrollez, vous permettant de toujours savoir où vous êtes dans le document. C'est particulièrement utile pour les articles techniques ou les documentations.

Sous-section 1.1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Détail 1.1.1

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

Détail 1.1.2

Sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.

Sous-section 1.2

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Section 2: Compatibilité Markdown

Ce composant fonctionne parfaitement avec le Markdown ! Il suffit d'envelopper votre contenu rendu dans le composant StickyHeaders.

Sous-section 2.1

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores.

Détail 2.1.1

Et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.

Sous-section 2.2

Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint.

Section 3: Personnalisation

Les couleurs s'adaptent automatiquement au mode clair/sombre de votre site. Vous pouvez facilement personnaliser les couleurs dans le fichier du composant.

Sous-section 3.1

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus.

Détail 3.1.1

Omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus.