Appearance
Layers #On this page you find the documentation for the GUI Component Layers.
The Layers component is a layout that stacks its children above each other as layers (the first child is the bottom layer, then the second child is the layer on top of that one, and so on). The children are always as wide and tall as Layers.
Example
class StartPage extends Page{
createGui(){
return Layers.padding(5)(
Text(`I'm behind the image, so you can't see me!`),
Image(`https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/SNice.svg/800px-SNice.svg.png`),
Text(`I'm a layer on top of the image!`),
Text(`And I'm the fourth layer, and I'm on top of the image and the previos text!`).bottom(),
)
}
}class MyApp extends App{
createStartPage(){
return new StartPage()
}
}You pass the children to the Layers component as its main content.