Installation

$ npm i ngx-vertical-timeline

Usage

Import

In your standalone component, import NgxVerticalTimelineComponent.

import { NgxVerticalTimelineComponent } from 'ngx-vertical-timeline';

@Component({
  ...
  standalone: true,
  imports: [NgxVerticalTimelineComponent],
  ...
})
export class YourComponent { }

Component

import { TimelineItem } from 'ngx-vertical-timeline';
...
  items: TimelineItem[] = [];
  externalVariable = 'hello';

  ngOnInit(): void {
    const self = this;

    this.items.push({
      label: 'Action',
      icon: 'fa fa-calendar-plus-o',
      content: `Lorem ipsum dolor sit amet, consectetur adipiscing elit,
      sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.`,
      title: '18 de June, 2019, 10:12',
      command() {
        alert(`test: ${self.externalVariable}`);
      }
    });

    this.items.push({
      label: 'Action',
      icon: 'fa fa-plus',
      content: `Ut enim ad minim veniam, quis nostrud exercitation ullamco
      laboris nisi ut aliquip ex ea commodo consequat.`,
      title: '11 de November, 2019, 12:00',
      command() {
        alert('Action!');
      }
    });
  }

Template

<lib-ngx-vertical-timeline [items]="items"></lib-ngx-vertical-timeline>