Origami Frontend Components & Services

Demos: o-banner


Basic banner


Small banner theme


Compact banner theme


Marketing banner theme


Product banner theme

Custom Theme

This demo shows a custom banner theme created using o-banner Sass. It's used to show customisation is possible, not that this style is recommended. Currently Build Service users are not able to create a custom theme. See the README for more details.

Custom Call To Action Layout

Although not recommended for design consistency, banner actions may be disabled entirely to further customise the layout of a banner within the banner content. See the README for more details.

Switch component view

GitHub: o-banner@4.4.9

Install o-banner

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

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

Help & Support

o-banner is maintained directly by the Origami team. If you have any questions about o-banner 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