Overlay

The .overlay-black and .overlay-white classes overlay a light or dark layer on top of a relatively positioned element.

{% apply view_source %}

.overlay-black

.overlay-white

{% end %}

Overlay panel

UIComponents library extends .modal as overlay panel. Overlay panel's position can be controlled by .modal-left and .modal-right. {% apply view_source %} {% end %} {% apply view_source %} {% end %}