The SvgIcon to use for the drop down icon in the select.Īllows to change the style of error message's container. The SvgIcon to use for the checked state. Notice: margins left/right and width of the autocomplete root element are not customisable, (automatically calculated)Īllows to change the styles of the searchTextField's underline.Īllows to change the styles of the searchTextField's underline when focused. Styling properties NameĪllows to change the styles of the auto-complete field (inner input component). PropTypes should raise warnings if implementing otherwise. When using objects, make sure they expose a non-null value property. If multiple is set, value must be at least an empty Array.įor single value mode, you can set value to null. Paired with 'multiple', shows an header containing the 'RESET' and 'SELECT ALL' buttons. !\ REQUIRED: each object must expose a 'value' property. If true, the popover dropdown will render on top of an invisible layer, which will prevent clicks to the underlying elements, and trigger an onRequestClose('clickAway') call. Passing 'never' will never show the autocomplete regadless of how many children are passed. This will open the menu even if there are no items to display. However, if you need the autocomplete to show always, you may pass 'always'.
Maximum number of options from which to display the autocomplete search field.įor example, if autoComplete textfield needs to be disabled, just set this prop with a value higher than children length.
#Material ui change iconmenu color update
Use this to update your componenet state with each selection from the menu (while still open). Triggers when selecting an item in the menu. Signature: (selectedValues, name) with selectedValues array of selected values based on selected nodes' value property, and name the value of the superSelectField instance's name property Use this if you do not want to update your component state with each selection and only on menu close. Useful for triggering onType API requests. Placeholder text / node when the autocomplete filter fails.Įxposes the word typed in AutoComplete. Number of options displayed from the menu. Required to differentiate between multiple instances of superSelectField in same page. Include this property to turn superSelectField into a multi-selection dropdown. Prevents the autocomplete field's value to be reset after each selection. Placeholder text for the main selections display. The content to use for the floating label element. Include this property to show an error warning. If elements have different heights, you can provide them in an array. Include this property to disable superSelectField. This value property will be used by default for both option's value and label.Ī label property can be provided to specify a different value than value. !\ REQUIRED: each node must expose a value property. Accepted values: '', left, rightĭatasource is an array of any type of nodes, styled at your convenience. Position of the checkmark in multiple mode. If present, this property allows the inner Popover component to position the menu in such way options are not hidden by the screen edges. The search field will appear only if there are more than 10 children (see showAutocompleteThreshold).īy default, the parser will check for label props, 'value' otherwise. Import SelectField from 'material-ui-superselectfield/es' Properties NameĪnchor position of the menu, accepted values: top, bottom / left, right Import SelectField from 'material-ui-superselectfield' ES6+ version Yarn add material-ui-superselectfield ES5 version
so make sure they are installed in your project. This component requires 3 peer dependencies :
0 kommentar(er)
