timeline-angular

Timeline Angular

API

:gift: Class: CocoTimeline

Inputs

• orientation The orientation of the timeline. Default: vertical.

:gift: Class: CocoTimelineItem

Inputs

• connectorColor The color of the timeline items connector. Default: rgb(200,200,200).
• connectorLength The length of the timeline items connector. Default: 80px.
• connectorThickness The thickness of the timeline items connector. Default: 2px.
• dotColor The color of the timeline item dot (circle). Default: rgb(200,200,200).
• dotRadius The radius of the timeline item dot (circle). Default: 3px.

Installation

Open a new terminal with your project folder active in it and execute:

npm install timeline-angular

Usage

Simple Usage Example:

<coco-timeline orientation="vertical">
  <coco-timeline-item>Ohio</coco-timeline-item>
  <coco-timeline-item>New York</coco-timeline-item>
  <coco-timeline-item>Dallas</coco-timeline-item>
  <coco-timeline-item>Mississipi</coco-timeline-item>
  <coco-timeline-item>Jew Jersey</coco-timeline-item>
  <coco-timeline-item>California</coco-timeline-item>
</coco-timeline>

Support

Did you find a bug or you don't like something related to this package? Then report it here.

Contribution

Feel free to contribute to this repository. Contribution is appreciated.

License

Licensed under the MIT License.