Origami Frontend Components & Services

Demos: o-spacing

Named Spaces

This demo visuallies the size of named spaces. It shows a square for each named space, which has a width and height equal to the space size. See the readme for more information on space sizes.

Utility Classes

Switch component view

GitHub Repository

Install o-spacing

If using the Build Service, add o-spacing@^3.0.2 to your link tag. Ensure the correct brand is set with a query parameter &brand=internal.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-spacing@^3.0.2".

Help & Support

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

Slack: #origami-support
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: #origami-support
Email: origami.support@ft.com