OutlinedTextFieldProps

Properties

Link copied to clipboard
abstract var about: String?
Link copied to clipboard
abstract var accessKey: String?
Link copied to clipboard
abstract var autoCapitalize: String?
Link copied to clipboard
abstract var autoComplete: String?

This prop helps users to fill forms faster, especially on mobile devices. The name can be confusing, as it's more like an autofill. You can learn more about it following the specification.

Link copied to clipboard
abstract var autoCorrect: String?
Link copied to clipboard
abstract override var autoFocus: Boolean?

If true, the input element is focused during the first mount.

Link copied to clipboard
abstract var autoSave: String?
Link copied to clipboard
abstract override var children: ReactNode?
Link copied to clipboard
abstract override var classes: TextFieldClasses?

Override or extend the styles applied to the component.

Link copied to clipboard
abstract var className: ClassName?
Link copied to clipboard
abstract override var color: TextFieldColor?

The color of the component. It supports both default and custom theme colors, which can be added as shown in the palette customization guide.

Link copied to clipboard
abstract var component: ElementType<*>?
Link copied to clipboard
abstract var content: String?
Link copied to clipboard
abstract var contentEditable: Any?
Link copied to clipboard
abstract var contextMenu: String?
Link copied to clipboard
abstract var datatype: String?
Link copied to clipboard
abstract var defaultChecked: Boolean?
Link copied to clipboard
abstract override var defaultValue: Any?

The default value. Use when the component is not controlled.

Link copied to clipboard
abstract var dir: String?
Link copied to clipboard
abstract override var disabled: Boolean?

If true, the component is disabled.

Link copied to clipboard
abstract var draggable: Boolean?
Link copied to clipboard
abstract var enterKeyHint: EnterKeyHint?
Link copied to clipboard
abstract override var error: Boolean?

If true, the label is displayed in an error state.

Link copied to clipboard
abstract var focused: Boolean?

If true, the component is displayed in focused state.

Link copied to clipboard

Props applied to the /material-ui/api/form-helper-text/ element.

Link copied to clipboard
abstract override var fullWidth: Boolean?

If true, the input will take up the full width of its container.

Link copied to clipboard
abstract var helperText: ReactNode?

The helper text content.

Link copied to clipboard
abstract var hidden: Boolean?
Link copied to clipboard
abstract var hiddenLabel: Boolean?

If true, the label is hidden. This is used to increase density for a FilledInput. Be sure to add aria-label to the input element.

Link copied to clipboard
abstract override var id: String?

The id of the input element. Use this prop to make label and helperText accessible for screen readers.

Link copied to clipboard
abstract var inlist: Any?
Link copied to clipboard

Props applied to the /material-ui/api/input-label/ element. Pointer events like onClick are enabled if and only if shrink is true.

Link copied to clipboard
abstract var inputMode: InputMode?
Link copied to clipboard

Props applied to the Input element. It will be a /material-ui/api/filled-input/, /material-ui/api/outlined-input/ or /material-ui/api/input/ component depending on the variant prop value.

Link copied to clipboard

Attributes applied to the input element.

Link copied to clipboard
abstract var inputRef: Ref<*>?

Pass a ref to the input element.

Link copied to clipboard
abstract var is: String?
Link copied to clipboard
abstract var itemID: String?
Link copied to clipboard
abstract var itemProp: String?
Link copied to clipboard
abstract var itemRef: String?
Link copied to clipboard
abstract var itemScope: Boolean?
Link copied to clipboard
abstract var itemType: String?
Link copied to clipboard
abstract var key: Key?
Link copied to clipboard
abstract var label: ReactNode?

The label content.

Link copied to clipboard
abstract var lang: String?
Link copied to clipboard
abstract var margin: FormControlMargin?

If dense or normal, will adjust vertical spacing of this and contained components.

Link copied to clipboard
abstract var maxRows: Any?

Maximum number of rows to display when multiline option is set to true.

Link copied to clipboard
abstract var minRows: Any?

Minimum number of rows to display when multiline option is set to true.

Link copied to clipboard
abstract var multiline: Boolean?

If true, a textarea element is rendered instead of an input.

Link copied to clipboard
abstract var name: String?

Name attribute of the input element.

Link copied to clipboard
abstract var nonce: String?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract override var onBlur: FocusEventHandler<HTMLElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard

Callback fired when the value is changed.

Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract override var onFocus: FocusEventHandler<HTMLElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract var placeholder: String?

The short hint displayed in the input before the user enters a value.

Link copied to clipboard
abstract var prefix: String?
Link copied to clipboard
abstract var property: String?
Link copied to clipboard
abstract var radioGroup: String?
Link copied to clipboard
abstract var ref: Ref<HTMLDivElement>?
Link copied to clipboard
abstract var rel: String?
Link copied to clipboard
abstract override var required: Boolean?

If true, the label is displayed as required and the input element is required.

Link copied to clipboard
abstract var resource: String?
Link copied to clipboard
abstract var results: String?
Link copied to clipboard
abstract var rev: String?
Link copied to clipboard
abstract var role: AriaRole?
Link copied to clipboard
abstract var rows: Any?

Number of rows to display when multiline option is set to true.

Link copied to clipboard
abstract var security: String?
Link copied to clipboard
abstract var select: Boolean?

Render a /material-ui/api/select/ element while passing the Input element to Select as input parameter. If this option is set you must pass the options of the select as children.

Link copied to clipboard
abstract var SelectProps: SelectProps<*>?

Props applied to the /material-ui/api/select/ element.

Link copied to clipboard
abstract override var size: BaseSize?

The size of the component.

Link copied to clipboard
abstract var slot: String?
Link copied to clipboard
abstract var spellCheck: Boolean?
Link copied to clipboard
abstract var style: CSSProperties?
Link copied to clipboard
Link copied to clipboard
abstract override var sx: SxProps<Theme>?

The system prop that allows defining system overrides as well as additional CSS styles.

Link copied to clipboard
abstract var tabIndex: Int?
Link copied to clipboard
abstract var title: String?
Link copied to clipboard
abstract var translate: Translate?
Link copied to clipboard
abstract var type: InputType?

Type of the input element. It should be a valid HTML5 input type.

Link copied to clipboard
abstract var typeof: String?
Link copied to clipboard
abstract var unselectable: Unselectable?
Link copied to clipboard
abstract var value: Any?

The value of the input element, required for a controlled component.

Link copied to clipboard
abstract override var variant: Union

The variant to use.

Link copied to clipboard
abstract var vocab: String?

Functions

Link copied to clipboard
open inline fun <P : Props> child(type: ElementType<P>, props: P)
Link copied to clipboard
open inline operator fun <P : Props> ElementType<P>.invoke()
open inline operator fun <T> ContextType<T>.invoke(noinline block: ProviderProps<T>.() -> Unit)
open inline operator fun <P : Props> ElementType<P>.invoke(noinline block: P.() -> Unit)
open inline operator fun <T> ContextType<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)
open inline operator fun <T> Provider<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)
Link copied to clipboard
open inline operator fun Char.unaryPlus()
open inline operator fun String?.unaryPlus()
open inline operator fun ReactNode?.unaryPlus()
open inline operator fun Props?.unaryPlus()