Update Box

Author: Foso

app/src/main/java/de/jensklingenberg/jetpackcomposeplayground/mysamples/github/layout/BoxExample.kt

@@ -13,6 +13,7 @@ import androidx.compose.ui.unit.dp
 
 
 @Preview(showBackground = true)
+//# --8<-- [start:func]
 @Composable
 fun BoxExample() {
     Box(Modifier.fillMaxSize()) {
@@ -30,4 +31,5 @@ fun BoxExample() {
             Text("+")
         }
     }
-}
+}
+//# --8<-- [end:func]

docs/layout/box.md

@@ -11,24 +11,7 @@ The children of the Box layout will be stacked over each other. You can use the
 
 
 ```kotlin
-@Composable
-fun BoxExample() {
-    Box(Modifier.fillMaxSize()) {
-        Text("This text is drawn first", modifier = Modifier.align(Alignment.TopCenter))
-        Box(
-            Modifier.align(Alignment.TopCenter).fillMaxHeight().width(
-                50.dp
-            ).background(Color.Blue)
-        )
-        Text("This text is drawn last", modifier = Modifier.align(Alignment.Center))
-        FloatingActionButton(
-            modifier = Modifier.align(Alignment.BottomEnd).padding(12.dp),
-            onClick = {}
-        ) {
-            Text("+")
-        }
-    }
-}
+--8<-- "layout/BoxExample.kt:func"
 ```
 
 ## Content Alignment