--- template: example.html title: Z-index layer ordering example shortdesc: Example of ordering layers using Z-index. docs: > tags: "layer, ordering, z-index" ---
There are are two managed layers (square and triangle) and one unmanaged layer (star). The Z-index determines the rendering order; with {square: 1, triangle: 0, star: unmanaged} indices, the rendering order is triangle, square and star on top.
Square layer Z-index Triangle layer Z-index