layers property allows you to define an ordered set of layers.
layers can later be referenced using the
Layers control the order in which widgets are painted on screen.
More information on layers can be found in the guide.
In the example below,
#box1 is yielded before
#box1 is on the higher layer, it is drawn on top of
from textual.app import App, ComposeResult from textual.widgets import Static class LayersExample(App): CSS_PATH = "layers.css" def compose(self) -> ComposeResult: yield Static("box1 (layer = above)", id="box1") yield Static("box2 (layer = below)", id="box2") if __name__ == "__main__": app = LayersExample() app.run()