NgxTimelineView

An Angular timeline component.

Installation

Install package

npm i ngx-timeline-view

Import module

import { NgxTimelineViewModule } from 'ngx-timeline-view';

@NgModule({
    imports: [NgxTimelineViewModule]
})

Usage

HTML

<ngx-timeline-view [events]="events"></ngx-timeline-view>

TypeScript

import { TimelineEvent } from 'ngx-timeline-view';

events: TimelineEvent[] = [
    { date: new Date('11/15/22'), content: 'A timeline event' },
    { date: new Date('8/3/22'), content: 'Another timeline event' }
];

Properties

| Name | Type | Description | | ---- | ---- | ----------- | | events | TimelineEvent[] | Array of timeline events | | isTimeSince | boolean | Changes date to time since | | circleColor | string | Changes color of the circle |