Constraint layout basic example code

ConstraintLayoutExample.kt

@Preview(showBackground = true)
@Composable
fun ConstraintLayoutExample(){
    Surface(
        modifier = Modifier.fillMaxSize(),
        color = MaterialTheme.colorScheme.background
    ) {
        val constraintSet = ConstraintSet {
            val greenBox = createRefFor("green_box")
            val redBox = createRefFor("red_box")

            constrain(greenBox){
                top.linkTo(parent.top)
                start.linkTo(parent.start)
            }

            constrain(redBox){
                top.linkTo(parent.top)
                start.linkTo(greenBox.end)
            }
        }

        ConstraintLayout(constraintSet){
            Box(
                modifier = Modifier
                    .size(100.dp)
                    .background(Color.Green)
                    .layoutId("green_box")
            )

            Box(
                modifier = Modifier
                    .size(100.dp)
                    .background(Color.Red)
                    .layoutId("red_box")
            )
        }
    }
}