Composable Component

OutlinedTextField

Text fields allow users to enter text into a UI.

OutlinedTextField social preview

OutlinedTextFieldWithInitialValueAndSelection

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

SimpleOutlinedTextFieldSample

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