Properties

Link copied to clipboard
abstract external var about: String?
Link copied to clipboard
abstract external var accessKey: String?
Link copied to clipboard
abstract external var ariaActiveDescendant: ElementId?
Link copied to clipboard
abstract external var ariaAtomic: Boolean?
Link copied to clipboard
abstract external var ariaAutoComplete: AriaAutoComplete?
Link copied to clipboard
abstract external var ariaBrailleLabel: String?
Link copied to clipboard
abstract external var ariaBrailleRoleDescription: String?
Link copied to clipboard
abstract external var ariaBusy: Boolean?
Link copied to clipboard
abstract external var ariaChecked: AriaChecked?
Link copied to clipboard
abstract external var ariaColCount: Int?
Link copied to clipboard
abstract external var ariaColIndex: Int?
Link copied to clipboard
abstract external var ariaColIndexText: String?
Link copied to clipboard
abstract external var ariaColSpan: Int?
Link copied to clipboard
abstract external var ariaControls: ElementId?
Link copied to clipboard
abstract external var ariaCurrent: AriaCurrent?
Link copied to clipboard
abstract external var ariaDescribedBy: ElementId?
Link copied to clipboard
abstract external var ariaDescription: String?
Link copied to clipboard
abstract external var ariaDetails: ElementId?
Link copied to clipboard
abstract external var ariaDisabled: Boolean?
Link copied to clipboard
abstract external var ariaDropEffect: AriaDropEffect?
Link copied to clipboard
abstract external var ariaErrorMessage: ElementId?
Link copied to clipboard
abstract external var ariaExpanded: Boolean?
Link copied to clipboard
abstract external var ariaFlowTo: ElementId?
Link copied to clipboard
abstract external var ariaGrabbed: Boolean?
Link copied to clipboard
abstract external var ariaHasPopup: AriaHasPopup?
Link copied to clipboard
abstract external var ariaHidden: Boolean?
Link copied to clipboard
abstract external var ariaInvalid: AriaInvalid?
Link copied to clipboard
abstract external var ariaKeyShortcuts: String?
Link copied to clipboard
abstract external var ariaLabel: String?
Link copied to clipboard
abstract external var ariaLabelledBy: ElementId?
Link copied to clipboard
abstract external var ariaLevel: Int?
Link copied to clipboard
abstract external var ariaLive: AriaLive?
Link copied to clipboard
abstract external var ariaModal: Boolean?
Link copied to clipboard
abstract external var ariaMultiline: Boolean?
Link copied to clipboard
abstract external var ariaMultiSelectable: Boolean?
Link copied to clipboard
abstract external var ariaOrientation: AriaOrientation?
Link copied to clipboard
abstract external var ariaOwns: String?
Link copied to clipboard
abstract external var ariaPlaceholder: String?
Link copied to clipboard
abstract external var ariaPosInSet: Int?
Link copied to clipboard
abstract external var ariaPressed: AriaPressed?
Link copied to clipboard
abstract external var ariaReadOnly: Boolean?
Link copied to clipboard
abstract external var ariaRelevant: AriaRelevant?
Link copied to clipboard
abstract external var ariaRequired: Boolean?
Link copied to clipboard
abstract external var ariaRoleDescription: String?
Link copied to clipboard
abstract external var ariaRowCount: Int?
Link copied to clipboard
abstract external var ariaRowIndex: Int?
Link copied to clipboard
abstract external var ariaRowIndexText: String?
Link copied to clipboard
abstract external var ariaRowSpan: Int?
Link copied to clipboard
abstract external var ariaSelected: Boolean?
Link copied to clipboard
abstract external var ariaSetSize: Int?
Link copied to clipboard
abstract external var ariaSort: AriaSort?
Link copied to clipboard
abstract external var ariaValueMax: Double?
Link copied to clipboard
abstract external var ariaValueMin: Double?
Link copied to clipboard
abstract external var ariaValueNow: Double?
Link copied to clipboard
abstract external var ariaValueText: String?
Link copied to clipboard
abstract external var autoCapitalize: AutoCapitalize?
Link copied to clipboard
abstract external 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 external var autoCorrect: String?
Link copied to clipboard
abstract external var autoFocus: Boolean?

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

Link copied to clipboard
abstract external var autoSave: String?
Link copied to clipboard
abstract external 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 external 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 external var classes: SelectClasses?

Override or extend the styles applied to the component.

Link copied to clipboard
abstract external var className: ClassName?
Link copied to clipboard
abstract external 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
abstract external var content: String?
Link copied to clipboard
abstract external var contentEditable: Any?
Link copied to clipboard
abstract external var contextMenu: String?
Link copied to clipboard
Link copied to clipboard
abstract external var dataTestId: DataTestId?
Link copied to clipboard
abstract external var datatype: String?
Link copied to clipboard
abstract external var defaultChecked: Boolean?
Link copied to clipboard
abstract external 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 external var defaultValue: Value?

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

Link copied to clipboard
abstract external var dir: String?
Link copied to clipboard
abstract external 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
abstract external var disableInjectingGlobalStyles: Boolean?

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

If true, the input will not have an underline.

Link copied to clipboard
abstract external var displayEmpty: Boolean?

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

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

End InputAdornment for this component.

Link copied to clipboard
abstract external var enterKeyHint: EnterKeyHint?
Link copied to clipboard
abstract external 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 external var exportparts: String?
Link copied to clipboard
abstract external var fullWidth: Boolean?

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

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

The icon that displays the arrow.

Link copied to clipboard
abstract external var id: ElementId?

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

Link copied to clipboard
abstract external var inert: Boolean?
Link copied to clipboard
abstract external var inlist: Any?
Link copied to clipboard
abstract external var input: Any?

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 external var inputMode: InputMode?
Link copied to clipboard
abstract external 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 external var inputRef: Ref<*>?

Pass a ref to the input element.

Link copied to clipboard
abstract external var is: String?
Link copied to clipboard
abstract external var itemID: String?
Link copied to clipboard
abstract external var itemProp: String?
Link copied to clipboard
abstract external var itemRef: String?
Link copied to clipboard
abstract external var itemScope: Boolean?
Link copied to clipboard
abstract external var itemType: String?
Link copied to clipboard
abstract external var key: Key?
Link copied to clipboard
abstract external var label: ReactNode?
Link copied to clipboard
abstract external 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 external var lang: String?
Link copied to clipboard
abstract external 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 external var maxRows: Any?

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

Link copied to clipboard
abstract external var MenuProps: MenuProps?

Props applied to the Menu element.

Link copied to clipboard
abstract external var minRows: Any?

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

Link copied to clipboard
abstract external var multiline: Boolean?

If true, a TextareaAutosize element is rendered.

Link copied to clipboard
abstract external var multiple: Boolean?

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

Link copied to clipboard
abstract external var name: String?

Name attribute of the input element.

Link copied to clipboard
abstract external var native: Boolean?

If true, the component uses a native select element.

Link copied to clipboard
abstract external var nonce: String?
Link copied to clipboard
abstract external var notched: Boolean?
Link copied to clipboard
abstract external var onAbort: ReactEventHandler<HTMLDivElement>?
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 external var onBlur: FocusEventHandler<HTMLElement>?

Callback fired when the input is blurred.

Link copied to clipboard
Link copied to clipboard
abstract external var onCanPlay: ReactEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onChange: (event: ChangeEvent<HTMLInputElement, *>, child: ReactNode) -> Unit?

Callback fired when a menu item is selected.

Link copied to clipboard
Link copied to clipboard
abstract external var onClick: MouseEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external 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
abstract external var onCut: ClipboardEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onDrag: DragEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onDragEnd: DragEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onDragExit: DragEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onDragOver: DragEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onDrop: DragEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onEmptied: ReactEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onEnded: ReactEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onError: ReactEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onFocus: FocusEventHandler<HTMLElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onInput: InputEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onInvalid: ReactEventHandler<HTMLElement>?

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

Link copied to clipboard
Link copied to clipboard
abstract external var onKeyDown: KeyboardEventHandler<HTMLElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onKeyUp: KeyboardEventHandler<HTMLElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onLoad: ReactEventHandler<HTMLDivElement>?
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 external var onMouseUp: MouseEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external 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
abstract external var onPause: ReactEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onPlay: ReactEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onPlaying: ReactEventHandler<HTMLDivElement>?
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 external var onReset: ReactEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onScroll: UIEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onScrollEnd: UIEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onSeeked: ReactEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onSeeking: ReactEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onSelect: ReactEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onStalled: ReactEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onSubmit: SubmitEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onSuspend: ReactEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
abstract external var onToggle: ToggleEventHandler<HTMLDivElement>?
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 external var onWaiting: ReactEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external var onWheel: WheelEventHandler<HTMLDivElement>?
Link copied to clipboard
Link copied to clipboard
abstract external 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 external var part: String?
Link copied to clipboard
abstract external var placeholder: String?

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

Link copied to clipboard
abstract external var popover: Popover?
Link copied to clipboard
abstract external var popoverTarget: ElementId?
Link copied to clipboard
Link copied to clipboard
abstract external var prefix: String?
Link copied to clipboard
abstract external var property: String?
Link copied to clipboard
abstract external var radioGroup: String?
Link copied to clipboard
abstract external 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 external var ref: Ref<HTMLDivElement>?
Link copied to clipboard
abstract external var rel: String?
Link copied to clipboard
abstract external var renderSuffix: (state: Any) -> ReactNode?
Link copied to clipboard
abstract external 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 external 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 external var resource: String?
Link copied to clipboard
abstract external var results: String?
Link copied to clipboard
abstract external var rev: String?
Link copied to clipboard
abstract external var role: AriaRole?
Link copied to clipboard
abstract external var rows: Any?

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

Link copied to clipboard
abstract external var security: String?
Link copied to clipboard

Props applied to the clickable div element.

Link copied to clipboard
abstract external var size: BaseSize?

The size of the component.

Link copied to clipboard
abstract external var slot: String?
Link copied to clipboard
abstract external var slotProps: InputBaseProps.SlotProps?

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

Link copied to clipboard
abstract external var slots: InputBaseProps.Slots?

The components used for each slot inside.

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

Start InputAdornment for this component.

Link copied to clipboard
abstract external var style: CSSProperties?
Link copied to clipboard
abstract external var suppressContentEditableWarning: Boolean?
Link copied to clipboard
abstract external var suppressHydrationWarning: Boolean?
Link copied to clipboard
abstract external override var sx: SxProps<Theme>?

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

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

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

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

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 external var variant: SelectVariant?

The variant to use.

Link copied to clipboard
abstract external var vocab: String?

Functions

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