Origami Frontend Components & Services

Demos: o-load

o-load is experimental. This component is not guaranteed to be ready for production use, and the API should be considered unstable.

Demo

Basic demo

<div>
	<h1>Basic Demo</h1>
	<h2>Loads and replaces a component using SystemJS</h2>
	<img alt="fallback image" src="https://www.ft.com/__origami/service/image/v2/images/raw/http%3A%2F%2Fcultofthepartyparrot.com%2Fparrots%2Fhd%2Fsadparrot.gif?source=ig" class="o-load" data-o-component="o-load" data-o-load-module-url="https://rawgit.com/Financial-Times/o-load/master/demos/src/test-component.js">

	<h1>Advanced Demo</h1>
	<h2>Loads a component and flips it, configured via data-o-load-config</h2>
	<img alt="fallback image" src="https://www.ft.com/__origami/service/image/v2/images/raw/http%3A%2F%2Fcultofthepartyparrot.com%2Fparrots%2Fhd%2Fsadparrot.gif?source=ig" class="o-load" data-o-component="o-load" data-o-load-module-url="https://rawgit.com/Financial-Times/o-load/master/demos/src/test-component.js" data-o-load-config="{&quot;flip&quot;: true}">
</div>
Switch component view

GitHub Repository

Install o-load

If using the Build Service, add o-load@^1.1.2 to your script and link tags.

If running a Manual Build, run bower install --save "o-load@^1.1.2".

Help & Support

o-load is maintained directly by the Origami team. If you have any questions about o-load or Origami in general, we are happy to help. 😊

Slack: #ft-origami
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #ft-origami
Email: origami.support@ft.com