Text in Border using Jetpack Compose

Question

I want to add text in the border as following. The border enclosing text has a icon in it

Can someone please suggest how to approach this?

Answer 1

You can use OutlinedText with a label

OutlinedTextField(
    value = textFieldValue,
    label = { Text("AAA") },
    onValueChange = { newValue ->
        textFieldValue= newValue
    }
)