Not working properly

[23subbhashit]

When i tried using it ,

<MuiPhoneNumber
                defaultCountry={"in"}
                onChange={handleOnChange}
                required
                id="phone"
                name="phone"
                value={value}
                
              />

It was not having borders around it as shown in the official readme of material-ui-phone-number.
It was showing like this.

Is there any way to add border to it?

[DavidScicluna]

You can add Material-UI props to it, for example:

<MuiPhoneNumber
    defaultCountry={"in"}
    onChange={handleOnChange}
    required
    id="phone"
    name="phone"
    value={value}
    fullWidth
    size="small"
    variant="outlined"
/>

[23subbhashit]

Thanks for this👍