VTimelineItem API
name | type | default |
|---|---|---|
'default' | 'compact' | undefined | |
Adjusts the vertical height used by the component. | ||
string
| undefined | |
Color of the item dot. | ||
string | number | undefined | |
Designates an elevation applied to the component between 0 and 5. You can find more information on the elevation page. | ||
boolean
| false | |
Remove outer border of item dot, making the color fill the entire dot. | ||
string | number | undefined | |
Sets the height for the component. | ||
boolean
| false | |
Hide the timeline item dot. | ||
boolean
| undefined | |
Hide opposite content if it exists. | ||
| string | (new () => any) | FunctionalComponent | (string | [string, number])[] | undefined | |
Apply a specific icon to the inside dot using the v-icon component. | ||
string
| undefined | |
Color of the icon. | ||
string | number | undefined | |
Specifies the distance between the line and the dot of the item. | ||
string | number | undefined | |
Sets the maximum height for the component. | ||
string | number | undefined | |
Sets the maximum width for the component. | ||
string | number | undefined | |
Sets the minimum height for the component. | ||
string | number | undefined | |
Sets the minimum width for the component. | ||
string | number | boolean | undefined | |
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. | ||
'start' | 'end' | undefined | |
Show the item either before or after the timeline. This will override the implicit ordering of items, but will in turn be overridden by the | ||
string | number | 'default' | |
Size of the item dot | ||
string | (new () => any) | FunctionalComponent | 'div' | |
Specify a custom tag used on the root element. | ||
boolean
| false | |
Removes any applied border-radius from the component. | ||
string | number | undefined | |
Sets the width for the component. | ||