Select

Overview

Select: Highlight text or pick an object. Similarly, the Select component has some unique attributes you can use to control.

Please refer to this for more information: https://mui.com/material-ui/react-select/.

Import

CODE

import { Select } from '@mui/material';

The above source will be imported automatically after dragging and dropping the Basic Component to the UI Preview Panel.

Property

Property:

Name	Default	Description
Id-name	Placeholder: <id-name>	The Id-name of the created component.
State	State: Normal	The State of the created Component.
Margin and Padding	Size Unit: Px	The component Margin and Padding with many selectable Size Units.
Size	Size Unit: Px	The component Size includes Width and height with many selectable Size Units.
General	Visibility: None Opacity: 100% DefaultValue	The component General includes Default Value, Value, Visibility, Opacity, and Background.
Advanced Style		The component Advanced Style includes Classname and Inline Style addition.

Code Sample:

CODE

<Select
          sx={{':visited': {'margin': '15px 20px 15px 15px','padding': '15px 20px 15px 15px',
               'width': '150px','height': '200px','visibility': 'hidden',
               'opacity': 0.73,
               'backgroundColor': '#ff0000ff',},}}
                defaultValue={150}
                value={200}>
</Select>