OutlinedTextField examples in Material 3 Compose

Material Design outlined text field Text fields allow users to enter text into a UI.

SimpleOutlinedTextFieldSample

@Preview
@Sampled
@Composable
fun SimpleOutlinedTextFieldSample() {
    OutlinedTextField(
        state = rememberTextFieldState(),
        lineLimits = TextFieldLineLimits.SingleLine,
        label = { Text("Label") },
    )
}

OutlinedTextFieldWithInitialValueAndSelection

@Preview
@Sampled
@Composable
fun OutlinedTextFieldWithInitialValueAndSelection() {
    val state = rememberTextFieldState("Initial text", TextRange(0, 12))
    OutlinedTextField(
        state = state,
        lineLimits = TextFieldLineLimits.SingleLine,
        label = { Text("Label") },
    )
}