[joy-ui][Input] Should Input have a label prop?

[john1625b]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

In my opinion, adding three extra lines of code and importing 2 more components seems like too much complexity for such a commonly-used and trivial use case:

<FormControl>
  <FormLabel>Label</FormLabel>
  <Input placeholder="Placeholder" />
  <FormHelperText>This is a helper text.</FormHelperText>
</FormControl>

Wouldn't it be better to abstract this all away with a label and 'helperText' prop. like so:

<Input label="Label" helperText="This is a helper text."/>

I know the regular Mui library has this on TextField, so why not the JoyUI Input?

Examples 🌈

No response

Motivation 🔦

• reduce lines of code
• reduce imports
• increase simplicity of code
• more opinionated.

[oliviertassinari]

Related to #34176.

I think the docs experience we have today could be better. I think we could move https://mui.com/joy-ui/react-input/ to have it at https://mui.com/joy-ui/react-text-field/, and have the label use case almost at the top of the page.

Also, I feel we too a too big of a leap. Personally, It would make more sense to me to reverse the tradeoff used in https://mui.com/material-ui/react-text-field/#components without going as far as removing the TextField. Meaning, we could make the composition the default in Joy UI and the helper component optional, when it's the opposite in Material UI.