@kobotech/ngx-timeline

Horizontal timeline widget

Usage no npm install needed!

<script type="module">
  import kobotechNgxTimeline from 'https://cdn.skypack.dev/@kobotech/ngx-timeline';
</script>

README

NgxTimeline

semantic-release

Simple Timeline widget for Angular >= 8.x.x.

Instalation

Step one: install library

npm install @kobotech/ngx-timeline

or

yarn add @kobotech/ngx-timeline

Step two: import Timeline module

import { NgxTimelineModule } from '@kobotech/ngx-timeline';

Step three: import library into you module

imports: [
    ...
    NgxTimelineModule,
    ...
  ]

Usage

<kobo-ngx-timeline [statuses]="statuses" [showTimeline]="true"></kobo-ngx-timeline>

Options

  • statuses: Array of KoboTimelineStatus
  • showTimeline: Whether to show status line and marker or not

KoboTimelineStatus

Option Type Default Description
title string null The top title of the status
primaryText string null Status Detail
secondaryText string null Secondary Status Detail
iconURI string null Status icon resource