angular-timeline/docs/partials/api/angular-timeline.directive.timeline.html

An Angular.js directive that generates a responsive, data-driven vertical timeline to tell a story, show history or describe a sequence of events.

<a href="https://github.com/{{repo}}/edit/master/{{file}}" class="improve-docs"><i class="icon-edit"> </i>Improve this doc</a><a href="https://github.com/{{repo}}/blob/{{sha}}/{{file}}#L{{codeline}}" class="view-source"><i class="icon-eye-open"> </i>View source</a><h1><code ng:non-bindable="">timeline</code>
<div><span class="hint">directive in module <code ng:non-bindable="">angular-timeline</code>
</span>
</div>
</h1>
<div><h2 id="description">Description</h2>
<div class="description"><div class="angular-timeline-directive-page angular-timeline-directive-timeline-page"><p>Represents an event occuring at a point in time, displayed on the left or the right
of the timeline line.</p>
<p>You typically embed a <code>timeline-badge</code> and <code>timeline-panel</code> element within a <code>timeline-event</code>.</p>
</div></div>
<h2 id="usage">Usage</h2>
<div class="usage">as element:<pre class="prettyprint linenums">&lt;timeline
       [side="{string}"]&gt;
&lt;/timeline&gt;</pre>
as attribute<pre class="prettyprint linenums">&lt;ANY timeline
     [side="{string}"]&gt;
   ...
&lt;/ANY&gt;</pre>
<h4 id="usage_parameters">Parameters</h4><table class="variables-matrix table table-bordered table-striped"><thead><tr><th>Param</th><th>Type</th><th>Details</th></tr></thead><tbody><tr><td>side <div><em>(optional)</em></div></td><td><a href="" class="label type-hint type-hint-string">string</a></td><td><div class="angular-timeline-directive-page angular-timeline-directive-timeline-page"><p>Define the side of the element (i.e. side=&quot;left&quot;, side=&quot;right&quot;, or use an {{ expression }}).</p>
</div></td></tr></tbody></table></div>
</div>