Radio with Label

Overview

Radio with Label is a combination of FormControl and FormLabel. For easy understanding, this is a format to create a Radio with a Label list. It will have a title and a list of the Radio’s value.

Import

CODE

import { FormControl, FormLabel } 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
          sx={{'width': '200px',}}>
    <FormLabel
          sx={{'fontSize': '30px',
              'color': 'Green',}}>
          Gender
    </FormLabel>
</FormControl>