The v-timeline is useful for stylistically displaying chronological information.

v-timeline's in their simplest form display a vertical timeline that should contain at least one v-timeline-item.

제공되는 Props, Slots, Events 와 함수들을 이용하여 원하는 컴포넌트를 직접 구현해 보세요.

간단한 예재부터 복잡한 예제까지 아래를 참고해서 앱 개발을 시작해 보세요.

The small prop allows alternate styles to provide a unique design.

Conditionally use icons within the v-timeline-item's dot to provide additional context.

You can reverse the direction of the timeline items by using the reverse prop. This works both in default and dense mode.

If you place a v-card inside of a v-timeline-item, a caret will appear on the side of the card.

dense timelines position all content to the right. In this example, v-alert replaces the card to provide a different design.

The opposite slot provides an additional layer of customization within your timelines.

Insert avatars into dots with use of the icon slot and v-avatar.

Colored dots create visual breakpoints that make your timelines easier to read.

Modular components allow you to create highly customized solutions that just work.

더 읽을 준비 되었나요? 그렇다면 아래 설명서를 더 읽어보세요!

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!