This component is experimental.

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

o-big-number

A pull-quote-esque component that highlights large numbers

experimental

Simple

<div class="o-big-number o-big-number--standard">
	<div class="o-big-number__title">&#xA3;350m</div>
	<div class="o-big-number__content">Cost of the rights expected to increase by one-third &#x2014; or about &#xA3;350m a year &#x2014; although some anticipate inflation of up to 70%</div>
</div>
Bower Dependencies
o-colors >=2.4.4 <4
GitHub Repository

Quickstart

Build Service

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

o-big-number@^1.1.5

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-big-number"@"^1.1.5"

For more information see the Origami build process.