// React
<Stepper activeStep={1}>
  {steps.map((label) => (
    <Step key={label}>
      <StepLabel>{label}</StepLabel>
    </Step>
  ))}
</Stepper>
// Compose
Stepper(Modifier.fillMaxSize(), step) {
   steps.forEach { Step(Modifier.padding(15.dp, it) }
}

movableContentOf()

LazyVerticalGrid

contentType

LazyGridState#animateScrollToItem

LazyGridState#animateScrollBy

ViewCompat.setAccessibilityDelegate(login_text_view_as_button_with_role,
    object : AccessibilityDelegateCompat() {
        override fun onInitializeAccessibilityNodeInfo(v: View, info: AccessibilityNodeInfoCompat) {
            super.onInitializeAccessibilityNodeInfo(v, info)
            info.roleDescription = "Button"
        }
})

sealed class LoginUiState
data class LoginEmailUiState(val email: String = ""): LoginUiState()
data class ResetPasswordUiState(val email: String = ""): LoginUiState()
.....

val properUiState = MutableStateFlow<LoginUiState>(LoginEmailUiState())
fun setUiState(newUiState: LoginUiState){
     uiStateSealed.value = newUiState
}

val uiState = properUiState.map {
        when(it){
            is LoginEmailUiState ->  combine(
                email, password, rememberLogin
            ) { em, pass, rememberLog ->
                LoginEmailUiState(em, pass, rememberLog)
            }
            is ResetPasswordUiState -> email.map {
                ResetPasswordUiState(it)
            }
            ....
        }
    }.flatMapLatest { it }.stateIn(viewModelScope, LoginUiState())

uiState

@Composable
fun Container(loginUiState: LoginUiState){
   Card{
      when (loginUiState) {
         is LoginEmailUiState -> {
            LoginEmailContainer(loginUiState)
         }
         is ResetPasswordUiState -> {
            ResetPasswordContainer(loginUiState)
         }
         ...
      }
   }
}

ExposedDropDownMenu

AndroidMenu

ExposedDropDownMenuPopup

Menu

@Composable
fun showList(actions:MutableSharedFlow<Action>){
    val scope = rememberCoroutineScope()
            Box(contentAlignment = Alignment.Center) {
                Column(Modifier.clickable {
                    scope.launch { actions.emit(NewEvent())}

@Composable
fun showList(actions:(Action) -> Unit){
    val scope = rememberCoroutineScope()
            Box(contentAlignment = Alignment.Center) {
                Column(Modifier.clickable {
                   actions(NewEvent())

Pager

Pager

HorizontalPager

content

CompositionLocalProvider

TextField

LazyColumn

Modifier.blur

startDestination

btAppGraph

val isManager by viewModel.isManager.collectAsStateWithLifecycle()

private fun NavGraphBuilder.btAppGraph(
    appState: BTAppState,
    isManager: Boolean
) {
    ...
    navigation(
        route = Screen.Home.route,
        startDestination = if (isManager) HomeSections.TaskApproval.route else HomeSections.Tasks.route
    ) {
        addHomeGraph(appState)
    }
}

Column

viewmodel.events.observe { when (event) etc etc }

UiState(val event)

SomeScreen(uiState) {
   LaunchedEffect(uiState.event) {
      when (event) etc etc
   }
}