# Bone Flow #121 Timeline HTML Functional Class

Class: `bf-timeline`
Functional Class Runtime: 1.0.0
Required Runtime: BoneTimeline 1.0.0

Minimal example:

```html
<div class="bf-timeline" data-mode="sequence" data-delay-ms="100" data-duration-ms="300" data-repeat="2">
  <div class="bf-timeline-item" data-motion-id="motion-a">Motion A</div>
  <div class="bf-timeline-item" data-motion-id="motion-b" data-delay-ms="50">Motion B</div>
</div>
```

`bf-timeline` maps declarative timing data into the BoneTimeline Runtime after a start request. A schedule start may originate from #021 TIME JOB / SCHEDULE_TRIGGER and an event start may originate from #120 Trigger. `bf-timeline` does not implement either start source and does not implement #122 KeyFrame.