Menu Select

Overview

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.

Import

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>