o-loading

CSS

A visual loading indicator

View on GitHub

Quick start

Using the build service

Add the following token to your link tag (how do I do that?):

o-loading@^1.0.0

For more information see the Origami build service.

Using a 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-loading"@"^1.0.0"

For more information see the Origami build process.

Standard loading spinner


			

The basic spinner is available in a light or dark theme in three sizes.

Accessible markup demonstration


			

To see this working, open this demo in a new window.

Component information

Latest stable version:
2.0.0 (4 days, 10 hours old)
Status (Learn more):
Active (as of 1.0.0)
Bundle sizes:
426b JavaScript 826b CSS
This version
1.0.0 (5 months, 23 days old)
Support status (Learn more):
Active (as of 1.0.0)
Last indexed
23 May 2017 16:06:47 (Build now)
Installable?
OK
Dependencies
o-colors ^3.5.2 Out of date 4.0.1
Dependents
o-video

Contact

To talk to the team you can contact the Origami team on Slack channel #ft-origami or directly by email at origami-support@ft.com

Report an issue

Origami