The v-timeline is useful for stylistically displaying chronological information.
v-timeline's dans leur forme la plus simple affiche une chronologie verticale qui devrait contenir au moins un v-timeline-item.
Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.
Vous trouverez ci-dessous une collection d'exemples simples ou complexes.
La propsmall permet de créer un style alternatif pour offrir un design unique.
Utilisez des icônes dans le point de l'élément « v-timeline-item » pour fournir un contexte supplémentaire.
Vous pouvez inverser la direction des éléments de la chronologie en utilisant le prop reverse. Cela fonctionne en mode par défaut et dense.
Si vous placez une v-card à l'intérieur d'un v-timeline-item, une caret apparaîtra sur le côté de la carte.
dense timelines position all content to the right. In this example, v-alert replaces the card to provide a different design.
L'emplacement opposite fournit une couche supplémentaire de personnalisation dans vos chronologies.
Insérez des avatars dans des points avec l'utilisation de l'emplacement icon et v-avatar.
Les points colorés créent des points de rupture visuels qui facilitent la lecture de vos échéanciers.
Les composants modulaires vous permettent de créer des solutions hautement personnalisées qui fonctionnent juste.