[FormControlLabel] Support required

[emlai]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Implementing a labeled checkbox with a "required" asterisk, such as the following, is currently not possible without workarounds:

This would normally be coded like this:

<FormControlLabel required label={label} control={<Checkbox />} />

but FormControlLabel doesn't support the required prop.

Expected behavior 🤔

FormControlLabel supports the required prop.

Steps to reproduce 🕹

No response

Context 🔦

Related issues:

• Add a required prop to FormControlLabel #11038
• [FormControlLabel] required #12180

We would be willing to contribute this feature, if this gets the green light.

Your environment 🌎

No response

[michaldudak]

@oliviertassinari I must admit even I'm confused here given the multitude of options we have (FormControlLabel vs FormLabel). The demo you point to in #11038 (comment) doesn't exist anymore, and we don't show required fields in either Radio, Checkbox, or Switch docs.

[MaEdAlpha]

Just wanted to add in to the confusion. There is an example in your documentation, but it doesn't work if you nest a JSX element within the label prop.

[michaldudak]

@MaEdAlpha, please open a new issue.