Try It Yourself - SyntaxStudy Editor

HTML / CSS / JS

import androidx.compose.foundation.layout.*
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp

@Composable
fun CounterScreen() {
    var count by remember { mutableStateOf(0) }

Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp),
        verticalArrangement = Arrangement.Center,
    ) {
        Text(
            text    = "Count: $count",
            style   = MaterialTheme.typography.headlineMedium,
        )
        Spacer(modifier = Modifier.height(16.dp))
        Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
            Button(onClick = { count-- }) { Text("-") }
            Button(onClick = { count++ }) { Text("+") }
        }
    }
}

@Composable
fun NameList(names: List<String>, onItemClick: (String) -> Unit) {
    LazyColumn {
        items(names) { name ->
            ListItem(
                headlineContent = { Text(name) },
                modifier = Modifier.clickable { onItemClick(name) },
            )
            HorizontalDivider()
        }
    }
}