🌈 Create new beautiful Compose Gradients with our new wesite ->
Compose Component

OutlinedTextField

Material Design outlined text field.

OutlinedTextField social preview

SimpleOutlinedTextFieldSample

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

OutlinedTextFieldWithInitialValueAndSelection

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

Content updated: