You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
side: String - default: 'right', optional values: 'left' | 'right' - side to place the timeline entries
color: String - color for all timeline entries from theme plugin
layout (*): String - default: 'dense', accepted values - 'dense' | 'comfortable' | 'loose' - layout of the timeline. Dense keeps content and labels on one side. Comfortable keeps content on one side and labels on the opposite side. Loose puts content on both sides.
reverse (*): Boolean - reverse direction of timeline items
Slots
default
Timeline Entry
Props
title: String - title of timeline entry
timestamp: String
color: String - color for component from theme plugin
side: String - default: 'right', accepted values: 'left' | 'right' - side to place the timeline entry
heading (*): String - defines a heading timeline item
tag (*): String - default: 'h3' - tag to use, if heading prop used only
Slots
default
icon - used to customize the icon inside the timeline item's dot
opposite (*) - used to customize the opposite side of timeline items
We'd need to finish research on this first.
Take current issue with a grain of salt.
After research is done - reassign this to @xx13 to handle design part.
There is already an implementation don in context of vuestic-admin, which we can reuse if possible. https://vuestic.epicmax.co/admin/ui/timelines
Be aware though, that current component should have higher quality than what we have for vuestic-admin.
Docs
Timeline
Props
side: String
- default: 'right', optional values: 'left' | 'right' - side to place the timeline entriescolor: String
- color for all timeline entries from theme pluginlayout (*): String
- default: 'dense', accepted values - 'dense' | 'comfortable' | 'loose' - layout of the timeline.Dense
keeps content and labels on one side.Comfortable
keeps content on one side and labels on the opposite side.Loose
puts content on both sides.reverse (*): Boolean
- reverse direction of timeline itemsSlots
default
Timeline Entry
Props
title: String
- title of timeline entrytimestamp: String
color: String
- color for component from theme pluginside: String
- default: 'right', accepted values: 'left' | 'right' - side to place the timeline entryheading (*): String
- defines a heading timeline itemtag (*): String
- default: 'h3' - tag to use, ifheading
prop used onlySlots
default
icon
- used to customize the icon inside the timeline item's dotopposite (*)
- used to customize the opposite side of timeline itemsDesign
Refs
The text was updated successfully, but these errors were encountered: