Label as separate React component

[mimarz]

notes #1015

[wenche]

Add an example in Storybook about aria-label for TextField without visible label

[wenche]

One obvious shortcoming of the current Label component @mimarz is that you can't use it to wrap an input component.

<label>
  <input>
</label>

I don't know if we should fix this as well or delay this? 🤔

[mimarz]

One obvious shortcoming of the current Label component @mimarz is that you can't use it to wrap an input component.

<label>
  <input>
</label>

I don't know if we should fix this as well or delay this? 🤔

Don't we put children inside a label element inside Label? 😅

[wenche]

Nope, only the label text and meta

[wenche]

I think my vote goes to fix it (if it's a low hanging fruit). If we are supposed to reuse the <Label> component for selection controls we're gonna need it anyway 🤷‍♀️

[wenche]

It was not a low hanging fruit, more like in the middle of the tree or something 😓 Beyond adding the children we need to rethink the styling. My suggestion would be to keep it like this for now, and attach the problem more holistically when we do the selection controls.