Layers directive

The layers directive allows the layer system to be applied to an element.

Layers can be applied to any element, a box has been used in this example. Card and dropdown components have layers applied by default and do not need to be added.

Use z-index to control how elements stack. The layers directive does not add z-index to elements.

<tg-box2
    tgLayer="card">
    Box on the card layer
</tg-box2>

Behaviour

Below the md breakpoint, overlay and notification layer shadows are smaller.