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 var autoWidth: Boolean?

If true, the width of the popover will automatically be set according to the items inside the menu, otherwise it will be at least the width of the select input.

Link copied to clipboard
abstract override var children: ReactNode?

The option elements to populate the select with. Can be some MenuItem when native is false and option when native is true.

Link copied to clipboard
abstract override var classes: SelectClasses?

Override or extend the styles applied to the component.

Link copied to clipboard
abstract var className: ClassName?
Link copied to clipboard
abstract var color: InputBaseColor?

The color of the component. It supports both default and custom theme colors, which can be added as shown in the palette customization guide. The prop defaults to the value ('primary') inherited from the parent FormControl component.

Link copied to clipboard

The components used for each slot inside.

Link copied to clipboard

The extra props for the slot components. You can override the existing props or add new ones.

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 var defaultOpen: Boolean?

If true, the component is initially open. Use when the component open state is not controlled (i.e. the open prop is not defined). You can only use it when the native prop is false (default).

Link copied to clipboard
abstract override var defaultValue: Value?

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

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

If true, the component is disabled. The prop defaults to the value (false) inherited from the parent FormControl component.

Link copied to clipboard

If true, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application. This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.

Link copied to clipboard
abstract var disableUnderline: Boolean?

If true, the input will not have an underline.

Link copied to clipboard
abstract var displayEmpty: Boolean?

If true, a value is displayed even if no items are selected.

Link copied to clipboard
abstract var draggable: Boolean?
Link copied to clipboard
abstract var endAdornment: ReactNode?

End InputAdornment for this component.

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

If true, the input will indicate an error. The prop defaults to the value (false) inherited from the parent FormControl component.

Link copied to clipboard
abstract var fullWidth: Boolean?

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

Link copied to clipboard
abstract var hidden: Boolean?
Link copied to clipboard
abstract var IconComponent: ElementType<*>?

The icon that displays the arrow.

Link copied to clipboard
abstract override var id: String?

The id of the wrapper element or the select element when native.

Link copied to clipboard
abstract var inlist: Any?
Link copied to clipboard
abstract var input: ReactElement<*>?

An Input element; does not have to be a material-ui specific Input.

Link copied to clipboard

The component used for the input element. Either a string to use a HTML element or a component.

Link copied to clipboard
abstract var inputMode: InputMode?
Link copied to clipboard
abstract override var inputProps: InputBaseComponentProps?

Attributes applied to the input element. When native is true, the attributes are applied on the select 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?

See /material-ui/api/outlined-input/#props

Link copied to clipboard
abstract var labelId: String?

The ID of an element that acts as an additional label. The Select will be labelled by the additional label and the selected value.

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

If dense, will adjust vertical spacing. This is normally obtained via context from FormControl. The prop defaults to the value ('none') inherited from the parent FormControl component.

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 MenuProps: MenuProps?

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

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 /material-ui/react-textarea-autosize/ element is rendered.

Link copied to clipboard
abstract var multiple: Boolean?

If true, value must be an array and the menu will support multiple selections.

Link copied to clipboard
abstract var name: String?

Name attribute of the input element.

Link copied to clipboard
abstract var native: Boolean?

If true, the component uses a native select 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>?

Callback fired when the input is blurred.

Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract override var onChange: (event: ChangeEvent<HTMLInputElement>, child: ReactNode) -> Unit?

Callback fired when a menu item is selected.

Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract var onClose: (event: SyntheticEvent<*, *>) -> Unit?

Callback fired when the component requests to be closed. Use it in either controlled (see the open prop), or uncontrolled mode (to detect when the Select collapses).

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
abstract override var onInvalid: FormEventHandler<HTMLElement>?

Callback fired when the input doesn't satisfy its constraints.

Link copied to clipboard
Link copied to clipboard
abstract override var onKeyDown: KeyboardEventHandler<HTMLElement>?
Link copied to clipboard
Link copied to clipboard
abstract override var onKeyUp: KeyboardEventHandler<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
abstract var onOpen: (event: SyntheticEvent<*, *>) -> Unit?

Callback fired when the component requests to be opened. Use it in either controlled (see the open prop), or uncontrolled mode (to detect when the Select expands).

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 open: Boolean?

If true, the component is shown. You can only use it when the native prop is false (default).

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 readOnly: Boolean?

It prevents the user from changing the value of the field (not from interacting with the field).

Link copied to clipboard
abstract var ref: Ref<HTMLDivElement>?
Link copied to clipboard
abstract var rel: String?
Link copied to clipboard
abstract var renderSuffix: dynamic
Link copied to clipboard
abstract var renderValue: (value: Value) -> ReactNode?

Render the selected value. You can only use it when the native prop is false (default).

Link copied to clipboard
abstract var required: Boolean?

If true, the input element is required. The prop defaults to the value (false) inherited from the parent FormControl component.

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

Props applied to the clickable div element.

Link copied to clipboard
abstract var size: BaseSize?

The size of the component.

Link copied to clipboard
abstract var slot: String?
Link copied to clipboard

The extra props for the slot components. You can override the existing props or add new ones.

Link copied to clipboard

The components used for each slot inside.

Link copied to clipboard
abstract var spellCheck: Boolean?
Link copied to clipboard
abstract var startAdornment: ReactNode?

Start InputAdornment for this component.

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: String?

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 override var value: dynamic

The input value. Providing an empty string will select no options. Set to an empty string '' if you don't want any of the available options to be selected.

Link copied to clipboard
abstract var variant: SelectVariant?

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()