TimelinePCUI

Timeline Component

Documentation and examples in using Timeline with PCUI Vue Component implementation

Include in your HTML

Copied successfully!

<href="~/PCUIAssets/PCUI/Components/Timeline/css/Timeline.min.css" rel="stylesheet" /> <script src="~/PCUIAssets/PCUI/Components/Timeline/js/Timeline.js">

Customised your Timeline component here

Copied successfully!


                            
<pcui_timeline_component
                            
		ref="demo1"
                            
		v-bind:timeline-items="timelineItem"
                            
		v-bind:dense="{{isDense}}"
                            
		v-bind:reverse="{{reverse}}"
                            
		v-bind:align-right="{{alignRight}}"
                            
		v-bind:align-left="{{alignLeft}}"
                            
		v-bind:align-top="{{alignTop}}"
                            
		v-bind:has-icon="{{hasIcon}}"
                            
		v-bind:has-avatar="{{hasAvatar}}"
                            
		v-bind:size="{{size.label}}"
                            
		v-bind:primary-button-callback="continueDemo"
                            
		v-bind:secondary-button-callback="closeDemo">
                            
</pcui_timeline_component>