Origami Frontend Components & Services

The Origami Registry is being decommissioned by the end of March 2024 and replaced with Storybook. For more information please read our blog post.

Please share any feedback in our #origami-chat Slack channel.

Demos: o-overlay

Modal overlay

Standard modal. Includes a close button in the top left so the user can dismiss the overlay.

Modal fullscreen overlay

Fullscreen modal. The user can dismiss the overlay with the close button or back button.

Modal without close button

Modal without a dismiss button in the top right. This should be used where the user has to make a choice or confirm they've seen something.

An overlay that is nested in the page

O-overlay can also be used to create overlays that don't sit in the front centre of the screen but appear in a specific area.

Status
active Origami v1 (Bower)
Switch component view

GitHub: o-overlay

Install o-overlay

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

If using the Bower package manager for a Manual Build, run bower install --save "o-overlay@^2.4.3".

Help & Support

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

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