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
제공되는 Props, Slots, Events 와 함수들을 이용하여 원하는 컴포넌트를 직접 구현해 보세요.
간단한 예재부터 복잡한 예제까지 아래를 참고해서 앱 개발을 시작해 보세요.
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
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
Colored dots create visual breakpoints that make your timelines easier to read.
Modular components allow you to create highly customized solutions that just work.