angular-timeline.directive.timeline.html 1.6 KB

12345678910111213141516171819202122
  1. <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>
  2. <div><span class="hint">directive in module <code ng:non-bindable="">angular-timeline</code>
  3. </span>
  4. </div>
  5. </h1>
  6. <div><h2 id="description">Description</h2>
  7. <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
  8. of the timeline line.</p>
  9. <p>You typically embed a <code>timeline-badge</code> and <code>timeline-panel</code> element within a <code>timeline-event</code>.</p>
  10. </div></div>
  11. <h2 id="usage">Usage</h2>
  12. <div class="usage">as element:<pre class="prettyprint linenums">&lt;timeline
  13. [side="{string}"]&gt;
  14. &lt;/timeline&gt;</pre>
  15. as attribute<pre class="prettyprint linenums">&lt;ANY timeline
  16. [side="{string}"]&gt;
  17. ...
  18. &lt;/ANY&gt;</pre>
  19. <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>
  20. </div></td></tr></tbody></table></div>
  21. </div>