LabelledTextField

@Composable
fun LabelledTextField(value: String, onValueChange: (String) -> Unit, label: @Composable () -> Unit, modifier: Modifier = Modifier, textFieldModifier: Modifier = Modifier, enabled: Boolean = true, readOnly: Boolean = false, outline: Outline = Outline.None, hint: @Composable () -> Unit? = null, placeholder: @Composable () -> Unit? = null, trailingIcon: @Composable () -> Unit? = null, leadingIcon: @Composable () -> Unit? = null, undecorated: Boolean = false, visualTransformation: VisualTransformation = VisualTransformation.None, keyboardOptions: KeyboardOptions = KeyboardOptions.Default, keyboardActions: KeyboardActions = KeyboardActions(), onTextLayout: (TextLayoutResult) -> Unit = {}, style: LabelledTextFieldStyle = JewelTheme.labelledTextFieldStyle, textStyle: TextStyle = JewelTheme.textStyle, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() })
@Composable
fun LabelledTextField(label: @Composable () -> Unit, value: TextFieldValue, onValueChange: (TextFieldValue) -> Unit, modifier: Modifier = Modifier, textFieldModifier: Modifier = Modifier, enabled: Boolean = true, readOnly: Boolean = false, outline: Outline = Outline.None, hint: @Composable () -> Unit? = null, placeholder: @Composable () -> Unit? = null, trailingIcon: @Composable () -> Unit? = null, leadingIcon: @Composable () -> Unit? = null, undecorated: Boolean = false, visualTransformation: VisualTransformation = VisualTransformation.None, keyboardOptions: KeyboardOptions = KeyboardOptions.Default, keyboardActions: KeyboardActions = KeyboardActions(), onTextLayout: (TextLayoutResult) -> Unit = {}, style: LabelledTextFieldStyle = JewelTheme.labelledTextFieldStyle, textStyle: TextStyle = JewelTheme.textStyle, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() })

Parameters

label

the label to display above the component.

hint

the optional hint to be displayed underneath the component. By default it will have a greyed out appearance and smaller text.

placeholder

the optional placeholder to be displayed over the component when the value is empty.