Skip to content

VTimelineItem API

组件页面

属性

名称类型默认值
density
Adjusts the vertical height used by the component.
dot-color
Color of the item dot.
elevation
Designates an elevation applied to the component between 0 and 24. You can find more information on the elevation page .
fill-dot
Remove outer border of item dot, making the color fill the entire dot.
height
Sets the height for the component.
hide-dot
Hide the timeline item dot.
hide-opposite
Hide opposite content if it exists.
icon
Apply a specific icon to the inside dot using the v-icon component.
icon-color
Color of the icon.
line-inset
Specifies the distance between the line and the dot of the item.
max-height
Sets the maximum height for the component.
max-width
Sets the maximum width for the component.
min-height
Sets the minimum height for the component.
min-width
Sets the minimum width for the component.
rounded
Designates the border-radius applied to the component. This can be 0, xs, sm, true, lg, xl, pill, circle, and shaped. Find more information on available border radius classes on the Border Radius page .
size
Size of the item dot
tag
Specify a custom tag used on the root element.
tile
Removes any applied border-radius from the component.
width
Sets the width for the component.

插槽

default
The default Vue slot.
icon
Used to customize the icon inside the item dot.
opposite
Used to customize the opposite side of timeline items.

Released under the MIT License.