Skip to main content
Skip table of contents

Menu Select

Menu Select is a set of options presented to the user of a Module to help them find information or execute a function.

Menu Select includes FormControl, FormLabel, Select, and three Menu Item.

CODE
import { FormControl, FormLabel, MenuItem, Select } from '@mui/material';

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

Code Sample:

CODE
 <FormControl>
      <FormLabel sx={{'width': '100px',}} >
            Gripper
      </FormLabel>
      <Select displayEmpty={false} defaultValue={GP501}>
          <MenuItem value={'ONE'}>Type 1</MenuItem>
          <MenuItem value={'TWO'}>Type 2</MenuItem>
          <MenuItem value={'THREE'}>Type 3</MenuItem>
      </Select>
 </FormControl>

 

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.