Composable Component

OutlinedTextField

Outlined text fields have less visual emphasis than filled text fields.

OutlinedTextField social preview

OutlinedTextFieldWithInitialValueAndSelection

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

SimpleOutlinedTextFieldSample

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