TextFieldDefaults

Artifact: androidx.compose.material:material

Added in 1.0.0

Cmn
```
object TextFieldDefaults
```

Contains the default values used by TextField and OutlinedTextField.

Summary

Constants
`const Float`	`BackgroundOpacity = 0.12f` The default opacity used for a `TextField`'s background color.	Cmn
`const Float`	`IconOpacity = 0.54f` The default opacity used for a `TextField`'s and `OutlinedTextField`'s leading and trailing icons color.	Cmn
`const Float`	`UnfocusedIndicatorLineOpacity = 0.42f` The default opacity used for a `TextField`'s indicator line color when text field is not focused.	Cmn

Public functions
`Unit`	`@ExperimentalMaterialApi @Composable BorderBox( enabled: Boolean, isError: Boolean, interactionSource: InteractionSource, colors: TextFieldColors, shape: Shape, focusedBorderThickness: Dp, unfocusedBorderThickness: Dp )` Composable that draws a default border stroke in `OutlinedTextField`.	Cmn
`Unit`	@Composable @ExperimentalMaterialApi OutlinedTextFieldDecorationBox( value: String, innerTextField: @Composable () -> Unit, enabled: Boolean, singleLine: Boolean, visualTransformation: VisualTransformation, interactionSource: InteractionSource, isError: Boolean, label: (@Composable () -> Unit)?, placeholder: (@Composable () -> Unit)?, leadingIcon: (@Composable () -> Unit)?, trailingIcon: (@Composable () -> Unit)?, shape: Shape, colors: TextFieldColors, contentPadding: PaddingValues, border: @Composable () -> Unit ) A decoration box which helps creating custom text fields based on Material Design outlined text field.	Cmn
`Unit`	@Composable @ExperimentalMaterialApi TextFieldDecorationBox( value: String, innerTextField: @Composable () -> Unit, enabled: Boolean, singleLine: Boolean, visualTransformation: VisualTransformation, interactionSource: InteractionSource, isError: Boolean, label: (@Composable () -> Unit)?, placeholder: (@Composable () -> Unit)?, leadingIcon: (@Composable () -> Unit)?, trailingIcon: (@Composable () -> Unit)?, shape: Shape, colors: TextFieldColors, contentPadding: PaddingValues ) A decoration box which helps creating custom text fields based on Material Design filled text field.	Cmn
`Modifier`	`@ExperimentalMaterialApi Modifier.indicatorLine( enabled: Boolean, isError: Boolean, interactionSource: InteractionSource, colors: TextFieldColors, focusedIndicatorLineThickness: Dp, unfocusedIndicatorLineThickness: Dp )` A modifier to draw a default bottom indicator line in `TextField`.	Cmn
`TextFieldColors`	@Composable outlinedTextFieldColors( textColor: Color, disabledTextColor: Color, backgroundColor: Color, cursorColor: Color, errorCursorColor: Color, focusedBorderColor: Color, unfocusedBorderColor: Color, disabledBorderColor: Color, errorBorderColor: Color, leadingIconColor: Color, disabledLeadingIconColor: Color, errorLeadingIconColor: Color, trailingIconColor: Color, disabledTrailingIconColor: Color, errorTrailingIconColor: Color, focusedLabelColor: Color, unfocusedLabelColor: Color, disabledLabelColor: Color, errorLabelColor: Color, placeholderColor: Color, disabledPlaceholderColor: Color ) Creates a `TextFieldColors` that represents the default input text, background and content (including label, placeholder, leading and trailing icons) colors used in an `OutlinedTextField`.	Cmn
`PaddingValues`	`@ExperimentalMaterialApi outlinedTextFieldPadding(start: Dp, top: Dp, end: Dp, bottom: Dp)` Default content padding applied to `OutlinedTextField`.	Cmn
`TextFieldColors`	@Composable textFieldColors( textColor: Color, disabledTextColor: Color, backgroundColor: Color, cursorColor: Color, errorCursorColor: Color, focusedIndicatorColor: Color, unfocusedIndicatorColor: Color, disabledIndicatorColor: Color, errorIndicatorColor: Color, leadingIconColor: Color, disabledLeadingIconColor: Color, errorLeadingIconColor: Color, trailingIconColor: Color, disabledTrailingIconColor: Color, errorTrailingIconColor: Color, focusedLabelColor: Color, unfocusedLabelColor: Color, disabledLabelColor: Color, errorLabelColor: Color, placeholderColor: Color, disabledPlaceholderColor: Color ) Creates a `TextFieldColors` that represents the default input text, background and content (including label, placeholder, leading and trailing icons) colors used in a `TextField`.	Cmn
`PaddingValues`	`@ExperimentalMaterialApi textFieldWithLabelPadding(start: Dp, end: Dp, top: Dp, bottom: Dp)` Default content padding applied to `TextField` when there is a label.	Cmn
`PaddingValues`	`@ExperimentalMaterialApi textFieldWithoutLabelPadding(start: Dp, top: Dp, end: Dp, bottom: Dp)` Default content padding applied to `TextField` when the label is null.	Cmn

Public properties
`Dp`	`FocusedBorderThickness` The default thickness of the border in `OutlinedTextField` or indicator line in `TextField` in focused state.	Cmn
`Dp`	`MinHeight` The default min height applied to a `TextField` and `OutlinedTextField`.	Cmn
`Dp`	`MinWidth` The default min width applied to a `TextField` and `OutlinedTextField`.	Cmn
`Shape`	`OutlinedTextFieldShape` The default shape used for a `OutlinedTextField`'s background and border	Cmn
`Shape`	`TextFieldShape` The default shape used for a `TextField`'s background	Cmn
`Dp`	`UnfocusedBorderThickness` The default thickness of the border in `OutlinedTextField` or indicator line in `TextField` in unfocused state.	Cmn

Constants

BackgroundOpacity

Cmn

Added in 1.0.0

const val BackgroundOpacity = 0.12f: Float

The default opacity used for a TextField's background color.

IconOpacity

Cmn

Added in 1.0.0

const val IconOpacity = 0.54f: Float

The default opacity used for a TextField's and OutlinedTextField's leading and trailing icons color.

UnfocusedIndicatorLineOpacity

Cmn

Added in 1.0.0

const val UnfocusedIndicatorLineOpacity = 0.42f: Float

The default opacity used for a TextField's indicator line color when text field is not focused.

Public functions

BorderBox

Cmn

@ExperimentalMaterialApi
@Composable
fun BorderBox(
    enabled: Boolean,
    isError: Boolean,
    interactionSource: InteractionSource,
    colors: TextFieldColors,
    shape: Shape = OutlinedTextFieldShape,
    focusedBorderThickness: Dp = FocusedBorderThickness,
    unfocusedBorderThickness: Dp = UnfocusedBorderThickness
): Unit

Composable that draws a default border stroke in OutlinedTextField. You can use it to draw a border stroke in your custom text field based on OutlinedTextFieldDecorationBox. The OutlinedTextField applies it automatically.

Parameters
`enabled: Boolean`	whether the text field is enabled
`isError: Boolean`	whether the text field's current value is in error
`interactionSource: InteractionSource`	the `InteractionSource` of this text field. Helps to determine if the text field is in focus or not
`colors: TextFieldColors`	`TextFieldColors` used to resolve colors of the text field
`focusedBorderThickness: Dp = FocusedBorderThickness`	thickness of the `OutlinedTextField`'s border when it is in focused state
`unfocusedBorderThickness: Dp = UnfocusedBorderThickness`	thickness of the `OutlinedTextField`'s border when it is not in focused state

OutlinedTextFieldDecorationBox

Cmn

Added in 1.7.0

@Composable
@ExperimentalMaterialApi
fun OutlinedTextFieldDecorationBox(
    value: String,
    innerTextField: @Composable () -> Unit,
    enabled: Boolean,
    singleLine: Boolean,
    visualTransformation: VisualTransformation,
    interactionSource: InteractionSource,
    isError: Boolean = false,
    label: (@Composable () -> Unit)? = null,
    placeholder: (@Composable () -> Unit)? = null,
    leadingIcon: (@Composable () -> Unit)? = null,
    trailingIcon: (@Composable () -> Unit)? = null,
    shape: Shape = OutlinedTextFieldShape,
    colors: TextFieldColors = outlinedTextFieldColors(),
    contentPadding: PaddingValues = outlinedTextFieldPadding(),
    border: @Composable () -> Unit = {
            BorderBox(enabled, isError, interactionSource, colors, shape)
        }
): Unit

A decoration box which helps creating custom text fields based on Material Design outlined text field.

If your text field requires customising elements that aren't exposed by OutlinedTextField, consider using this decoration box to achieve the desired design.

For example, if you need to create a dense outlined text field, use contentPadding parameter to decrease the paddings around the input field. If you need to change the thickness of the border, use border parameter to achieve that.

Example of custom text field based on OutlinedTextFieldDecorationBox:

import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.text.BasicTextField
import androidx.compose.material.ExperimentalMaterialApi
import androidx.compose.material.OutlinedTextField
import androidx.compose.material.Text
import androidx.compose.material.TextField
import androidx.compose.material.TextFieldDefaults
import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.RectangleShape
import androidx.compose.ui.text.input.VisualTransformation
import androidx.compose.ui.unit.dp

@OptIn(ExperimentalMaterialApi::class)
@Composable
fun CustomTextField(
    value: String,
    onValueChange: (String) -> Unit,
    modifier: Modifier = Modifier
) {
    val interactionSource = remember { MutableInteractionSource() }
    // parameters below will be passed to BasicTextField for correct behavior of the text field,
    // and to the decoration box for proper styling and sizing
    val enabled = true
    val singleLine = true

    val colors =
        TextFieldDefaults.outlinedTextFieldColors(
            unfocusedBorderColor = Color.LightGray,
            focusedBorderColor = Color.DarkGray
        )
    BasicTextField(
        value = value,
        onValueChange = onValueChange,
        modifier = modifier,
        // internal implementation of the BasicTextField will dispatch focus events
        interactionSource = interactionSource,
        enabled = enabled,
        singleLine = singleLine
    ) {
        TextFieldDefaults.OutlinedTextFieldDecorationBox(
            value = value,
            visualTransformation = VisualTransformation.None,
            innerTextField = it,
            singleLine = singleLine,
            enabled = enabled,
            // same interaction source as the one passed to BasicTextField to read focus state
            // for text field styling
            interactionSource = interactionSource,
            // keep vertical paddings but change the horizontal
            contentPadding =
                TextFieldDefaults.textFieldWithoutLabelPadding(start = 8.dp, end = 8.dp),
            // update border thickness and shape
            border = {
                TextFieldDefaults.BorderBox(
                    enabled = enabled,
                    isError = false,
                    colors = colors,
                    interactionSource = interactionSource,
                    shape = RectangleShape,
                    unfocusedBorderThickness = 2.dp,
                    focusedBorderThickness = 4.dp
                )
            },
            // update border colors
            colors = colors
        )
    }
}

Parameters
`value: String`	the input `String` shown by the text field
`innerTextField: @Composable () -> Unit`	input text field that this decoration box wraps. You will pass here a framework-controlled composable parameter "innerTextField" from the decorationBox lambda of the `BasicTextField`
`enabled: Boolean`	controls the enabled state of the `OutlinedTextField`. When `false`, visually text field will appear in the disabled UI state. You must also pass the same value to the `BasicTextField` for it to adjust the behavior accordingly making the text field non-editable, non-focusable and non-selectable
`singleLine: Boolean`	indicates if this is a single line or multi line text field. You must pass the same value as to `BasicTextField`
`visualTransformation: VisualTransformation`	transforms the visual representation of the input `value`. You must pass the same value as to `BasicTextField`
`interactionSource: InteractionSource`	this is a read-only `InteractionSource` representing the stream of `Interaction`s for this text field. You first create and pass in your own remembered `MutableInteractionSource` to the `BasicTextField` for it to dispatch events. And then pass the same instance to this decoration box for it to observe `Interaction`s and customize the appearance / behavior in different `Interaction`s.
`isError: Boolean = false`	indicates if the text field's current value is in error state. If set to true, the label, bottom indicator and trailing icon by default will be displayed in error color
`label: (@Composable () -> Unit)? = null`	the optional label to be displayed inside the text field container. The default text style for internal `Text` is `Typography.caption` when the text field is in focus and `Typography.subtitle1` when the text field is not in focus
`placeholder: (@Composable () -> Unit)? = null`	the optional placeholder to be displayed when the text field is in focus and the input text is empty. The default text style for internal `Text` is `Typography.subtitle1`
`leadingIcon: (@Composable () -> Unit)? = null`	the optional leading icon to be displayed at the beginning of the text field container
`trailingIcon: (@Composable () -> Unit)? = null`	the optional trailing icon to be displayed at the end of the text field container
`shape: Shape = OutlinedTextFieldShape`	the shape of the text field's container and border
`colors: TextFieldColors = outlinedTextFieldColors()`	`TextFieldColors` that will be used to resolve color of the text and content (including label, placeholder, leading and trailing icons, border) for this text field in different states. See `TextFieldDefaults.outlinedTextFieldColors`
`contentPadding: PaddingValues = outlinedTextFieldPadding()`	the spacing values to apply internally between the internals of text field and the decoration box container. You can use it to implement dense text fields or simply to control horizontal padding. See `TextFieldDefaults.outlinedTextFieldPadding`
`border: @Composable () -> Unit = { BorderBox(enabled, isError, interactionSource, colors, shape) }`	the border to be drawn around the text field. The cutout to fit the `label` will be automatically added by the framework. Note that by default the color of the border comes from the `colors`.

TextFieldDecorationBox

Cmn

Added in 1.7.0

@Composable
@ExperimentalMaterialApi
fun TextFieldDecorationBox(
    value: String,
    innerTextField: @Composable () -> Unit,
    enabled: Boolean,
    singleLine: Boolean,
    visualTransformation: VisualTransformation,
    interactionSource: InteractionSource,
    isError: Boolean = false,
    label: (@Composable () -> Unit)? = null,
    placeholder: (@Composable () -> Unit)? = null,
    leadingIcon: (@Composable () -> Unit)? = null,
    trailingIcon: (@Composable () -> Unit)? = null,
    shape: Shape = TextFieldShape,
    colors: TextFieldColors = textFieldColors(),
    contentPadding: PaddingValues = if (label == null) {
                textFieldWithoutLabelPadding()
            } else {
                textFieldWithLabelPadding()
            }
): Unit

A decoration box which helps creating custom text fields based on Material Design filled text field.

If your text field requires customising elements that aren't exposed by TextField, consider using this decoration box to achieve the desired design.

For example, if you need to create a dense text field, use contentPadding parameter to decrease the paddings around the input field. If you need to customise the bottom indicator, apply indicatorLine modifier to achieve that.

See example of using TextFieldDecorationBox to build your own custom text field

import androidx.compose.foundation.background
import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.text.BasicTextField
import androidx.compose.material.ExperimentalMaterialApi
import androidx.compose.material.Text
import androidx.compose.material.TextField
import androidx.compose.material.TextFieldDefaults
import androidx.compose.material.TextFieldDefaults.indicatorLine
import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.input.PasswordVisualTransformation
import androidx.compose.ui.text.input.VisualTransformation
import androidx.compose.ui.unit.dp

@OptIn(ExperimentalMaterialApi::class)
@Composable
fun CustomTextField(
    value: String,
    onValueChange: (String) -> Unit,
    modifier: Modifier = Modifier
) {
    val interactionSource = remember { MutableInteractionSource() }
    // parameters below will be passed to BasicTextField for correct behavior of the text field,
    // and to the decoration box for proper styling and sizing
    val enabled = true
    val singleLine = true
    val passwordTransformation = PasswordVisualTransformation()

    val colors = TextFieldDefaults.textFieldColors()
    BasicTextField(
        value = value,
        onValueChange = onValueChange,
        modifier =
            modifier
                .background(
                    color = colors.backgroundColor(enabled).value,
                    shape = TextFieldDefaults.TextFieldShape
                )
                .indicatorLine(
                    enabled = enabled,
                    isError = false,
                    interactionSource = interactionSource,
                    colors = colors
                ),
        visualTransformation = passwordTransformation,
        // internal implementation of the BasicTextField will dispatch focus events
        interactionSource = interactionSource,
        enabled = enabled,
        singleLine = singleLine
    ) {
        TextFieldDefaults.TextFieldDecorationBox(
            value = value,
            visualTransformation = passwordTransformation,
            innerTextField = it,
            singleLine = singleLine,
            enabled = enabled,
            // same interaction source as the one passed to BasicTextField to read focus state
            // for text field styling
            interactionSource = interactionSource,
            // keep vertical paddings but change the horizontal
            contentPadding =
                TextFieldDefaults.textFieldWithoutLabelPadding(start = 8.dp, end = 8.dp)
        )
    }
}

Parameters
`value: String`	the input `String` shown by the text field
`innerTextField: @Composable () -> Unit`	input text field that this decoration box wraps. You will pass here a framework-controlled composable parameter "innerTextField" from the decorationBox lambda of the `BasicTextField`
`enabled: Boolean`	controls the enabled state of the `TextField`. When `false`, visually text field will appear in the disabled UI state. You must also pass the same value to the `BasicTextField` for it to adjust the behavior accordingly making the text field non-editable, non-focusable and non-selectable
`singleLine: Boolean`	indicates if this is a single line or multi line text field. You must pass the same value as to `BasicTextField`
`visualTransformation: VisualTransformation`	transforms the visual representation of the input `value`. You must pass the same value as to `BasicTextField`
`interactionSource: InteractionSource`	this is a read-only `InteractionSource` representing the stream of `Interaction`s for this text field. You first create and pass in your own remembered `MutableInteractionSource` to the `BasicTextField` for it to dispatch events. And then pass the same instance to this decoration box for it to observe `Interaction`s and customize the appearance / behavior in different `Interaction`s
`isError: Boolean = false`	indicates if the text field's current value is in error state. If set to true, the label, bottom indicator and trailing icon by default will be displayed in error color
`label: (@Composable () -> Unit)? = null`	the optional label to be displayed inside the text field container. The default text style for internal `Text` is `Typography.caption` when the text field is in focus and `Typography.subtitle1` when the text field is not in focus
`placeholder: (@Composable () -> Unit)? = null`	the optional placeholder to be displayed when the text field is in focus and the input text is empty. The default text style for internal `Text` is `Typography.subtitle1`
`leadingIcon: (@Composable () -> Unit)? = null`	the optional leading icon to be displayed at the beginning of the text field container
`trailingIcon: (@Composable () -> Unit)? = null`	the optional trailing icon to be displayed at the end of the text field container
`shape: Shape = TextFieldShape`	the shape of the text field's container
`colors: TextFieldColors = textFieldColors()`	`TextFieldColors` that will be used to resolve color of the text and content (including label, placeholder, leading and trailing icons, bottom indicator) for this text field in different states. See `TextFieldDefaults.textFieldColors`
`contentPadding: PaddingValues = if (label == null) { textFieldWithoutLabelPadding() } else { textFieldWithLabelPadding() }`	the spacing values to apply internally between the internals of text field and the decoration box container. You can use it to implement dense text fields or simply to control horizontal padding. See `TextFieldDefaults.textFieldWithLabelPadding` and `TextFieldDefaults.textFieldWithoutLabelPadding` Note that if there's a label in the text field, the `top` padding will mean the distance from label's `last baseline` to the top edge of the container. All other paddings mean the distance from the corresponding edge of the container to the corresponding edge of the closest to it element

indicatorLine

Cmn

Artifact: androidx.compose.material:material

View Source

@ExperimentalMaterialApi
fun Modifier.indicatorLine(
    enabled: Boolean,
    isError: Boolean,
    interactionSource: InteractionSource,
    colors: TextFieldColors,
    focusedIndicatorLineThickness: Dp = FocusedBorderThickness,
    unfocusedIndicatorLineThickness: Dp = UnfocusedBorderThickness
): Modifier

A modifier to draw a default bottom indicator line in TextField. You can use this modifier if you build your custom text field using TextFieldDecorationBox whilst the TextField applies it automatically.

Parameters
`enabled: Boolean`	whether the text field is enabled
`isError: Boolean`	whether the text field's current value is in error
`interactionSource: InteractionSource`	the `InteractionSource` of this text field. Helps to determine if the text field is in focus or not
`colors: TextFieldColors`	`TextFieldColors` used to resolve colors of the text field
`focusedIndicatorLineThickness: Dp = FocusedBorderThickness`	thickness of the indicator line when text field is focused
`unfocusedIndicatorLineThickness: Dp = UnfocusedBorderThickness`	thickness of the indicator line when text field is not focused

outlinedTextFieldColors

Cmn

@Composable
fun outlinedTextFieldColors(
    textColor: Color = LocalContentColor.current.copy(LocalContentAlpha.current),
    disabledTextColor: Color = textColor.copy(ContentAlpha.disabled),
    backgroundColor: Color = Color.Transparent,
    cursorColor: Color = MaterialTheme.colors.primary,
    errorCursorColor: Color = MaterialTheme.colors.error,
    focusedBorderColor: Color = MaterialTheme.colors.primary.copy(alpha = ContentAlpha.high),
    unfocusedBorderColor: Color = MaterialTheme.colors.onSurface.copy(alpha = ContentAlpha.disabled),
    disabledBorderColor: Color = unfocusedBorderColor.copy(alpha = ContentAlpha.disabled),
    errorBorderColor: Color = MaterialTheme.colors.error,
    leadingIconColor: Color = MaterialTheme.colors.onSurface.copy(alpha = IconOpacity),
    disabledLeadingIconColor: Color = leadingIconColor.copy(alpha = ContentAlpha.disabled),
    errorLeadingIconColor: Color = leadingIconColor,
    trailingIconColor: Color = MaterialTheme.colors.onSurface.copy(alpha = IconOpacity),
    disabledTrailingIconColor: Color = trailingIconColor.copy(alpha = ContentAlpha.disabled),
    errorTrailingIconColor: Color = MaterialTheme.colors.error,
    focusedLabelColor: Color = MaterialTheme.colors.primary.copy(alpha = ContentAlpha.high),
    unfocusedLabelColor: Color = MaterialTheme.colors.onSurface.copy(ContentAlpha.medium),
    disabledLabelColor: Color = unfocusedLabelColor.copy(ContentAlpha.disabled),
    errorLabelColor: Color = MaterialTheme.colors.error,
    placeholderColor: Color = MaterialTheme.colors.onSurface.copy(ContentAlpha.medium),
    disabledPlaceholderColor: Color = placeholderColor.copy(ContentAlpha.disabled)
): TextFieldColors

Creates a TextFieldColors that represents the default input text, background and content (including label, placeholder, leading and trailing icons) colors used in an OutlinedTextField.

outlinedTextFieldPadding

Cmn

@ExperimentalMaterialApi
fun outlinedTextFieldPadding(
    start: Dp = TextFieldPadding,
    top: Dp = TextFieldPadding,
    end: Dp = TextFieldPadding,
    bottom: Dp = TextFieldPadding
): PaddingValues

Default content padding applied to OutlinedTextField. See PaddingValues for more details.

textFieldColors

Cmn

@Composable
fun textFieldColors(
    textColor: Color = LocalContentColor.current.copy(LocalContentAlpha.current),
    disabledTextColor: Color = textColor.copy(ContentAlpha.disabled),
    backgroundColor: Color = MaterialTheme.colors.onSurface.copy(alpha = BackgroundOpacity),
    cursorColor: Color = MaterialTheme.colors.primary,
    errorCursorColor: Color = MaterialTheme.colors.error,
    focusedIndicatorColor: Color = MaterialTheme.colors.primary.copy(alpha = ContentAlpha.high),
    unfocusedIndicatorColor: Color = MaterialTheme.colors.onSurface.copy(alpha = UnfocusedIndicatorLineOpacity),
    disabledIndicatorColor: Color = unfocusedIndicatorColor.copy(alpha = ContentAlpha.disabled),
    errorIndicatorColor: Color = MaterialTheme.colors.error,
    leadingIconColor: Color = MaterialTheme.colors.onSurface.copy(alpha = IconOpacity),
    disabledLeadingIconColor: Color = leadingIconColor.copy(alpha = ContentAlpha.disabled),
    errorLeadingIconColor: Color = leadingIconColor,
    trailingIconColor: Color = MaterialTheme.colors.onSurface.copy(alpha = IconOpacity),
    disabledTrailingIconColor: Color = trailingIconColor.copy(alpha = ContentAlpha.disabled),
    errorTrailingIconColor: Color = MaterialTheme.colors.error,
    focusedLabelColor: Color = MaterialTheme.colors.primary.copy(alpha = ContentAlpha.high),
    unfocusedLabelColor: Color = MaterialTheme.colors.onSurface.copy(ContentAlpha.medium),
    disabledLabelColor: Color = unfocusedLabelColor.copy(ContentAlpha.disabled),
    errorLabelColor: Color = MaterialTheme.colors.error,
    placeholderColor: Color = MaterialTheme.colors.onSurface.copy(ContentAlpha.medium),
    disabledPlaceholderColor: Color = placeholderColor.copy(ContentAlpha.disabled)
): TextFieldColors

Creates a TextFieldColors that represents the default input text, background and content (including label, placeholder, leading and trailing icons) colors used in a TextField.

textFieldWithLabelPadding

Cmn

@ExperimentalMaterialApi
fun textFieldWithLabelPadding(
    start: Dp = TextFieldPadding,
    end: Dp = TextFieldPadding,
    top: Dp = FirstBaselineOffset,
    bottom: Dp = TextFieldBottomPadding
): PaddingValues

Default content padding applied to TextField when there is a label.

Note that when label is present, the "top" padding (unlike rest of the paddings) is a distance between the label's last baseline and the top edge of the TextField. If the "top" value is smaller than the last baseline of the label, then there will be no space between the label and top edge of the TextField.

See PaddingValues

textFieldWithoutLabelPadding

Cmn

@ExperimentalMaterialApi
fun textFieldWithoutLabelPadding(
    start: Dp = TextFieldPadding,
    top: Dp = TextFieldPadding,
    end: Dp = TextFieldPadding,
    bottom: Dp = TextFieldPadding
): PaddingValues

Default content padding applied to TextField when the label is null. See PaddingValues for more details.

Public properties

FocusedBorderThickness

Cmn

Added in 1.2.0

val FocusedBorderThickness: Dp

The default thickness of the border in OutlinedTextField or indicator line in TextField in focused state.

MinHeight

Cmn

Added in 1.0.0

val MinHeight: Dp

The default min height applied to a TextField and OutlinedTextField. Note that you can override it by applying Modifier.heightIn directly on a text field.

MinWidth

Cmn

Added in 1.0.0

val MinWidth: Dp

The default min width applied to a TextField and OutlinedTextField. Note that you can override it by applying Modifier.widthIn directly on a text field.

OutlinedTextFieldShape

Cmn

Added in 1.2.0

val OutlinedTextFieldShape: Shape

The default shape used for a OutlinedTextField's background and border

TextFieldShape

Cmn

Added in 1.2.0

val TextFieldShape: Shape

The default shape used for a TextField's background

UnfocusedBorderThickness

Cmn

Added in 1.2.0

val UnfocusedBorderThickness: Dp

The default thickness of the border in OutlinedTextField or indicator line in TextField in unfocused state.