Origami Frontend Components & Services

SassDoc: o-overlay

oOverlayIncludeAll(base)

Outputs all CSS classes

parameter type default description
base class name

Links

oOverlayCompactHeading

Add to the header for a compact overlay

Links

oOverlayCompactTitle

Add to the title for a compact overlay

Links

oOverlayCompactClose

Add to the close button for a compact overlay

Links

oOverlayCompactContent

Add to the content section for a compact overlay

Links

oOverlayClose

Base overlay close style

Links

oOverlayFullscreen(fill)

Add to the overlay for a for it to stretch to full width or full height

parameter type default description
fill 'width' or 'height'

Links

oOverlayHeadingShaded

Add to the header for a shaded overlay

Links

oOverlayHeadingShadedClose

Add to the close icon for a shaded overlay

Links

o-overlay-is-silent

Silent mode

Links

oOverlay

Base overlay style

Links

oOverlayShadow

Base overlay modal shadow style

Links

oOverlayHeading

Base overlay heading style

Links

oOverlayTitle

Base overlay title style

Links

oOverlayContent

Base overlay content style

Links

oOverlay

Base overlay style

Links

Switch component view

GitHub Repository

Install o-overlay

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

If running a Manual Build, run bower install --save "o-overlay@^2.7.9".

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