This component hasn't been branded yet.

If you would like to discuss having it branded please get in touch with the Origami team.

o-load

that bootstraps components

active

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>
npm Dependencies
html-entities ^1.2.1
scriptjs ^2.5.8
GitHub Repository

Quickstart

Build Service

Add the following to your <script> and <link> tags.

o-load@^1.1.1

How do I do that?

For more information see the Origami build service.

Manual Build Process

Run the following command in the root directory of your project, to add this dependency to your bower.json file:

bower install --save "o-load"@"^1.1.1"

For more information see the Origami build process.