ngx-vertical-timeline/README.md

Component for creating Responsive Vertical Timeline

## Installation

```javascript
$ npm i ngx-vertical-timeline
```
## Usage

### Import

In your standalone component, import `NgxVerticalTimelineComponent`.

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

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

```javascript
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

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