Associate a visual label with reach ui custom inputs

[gaurav5430]

🚀 Feature request

Current Behavior

There is no way to associate a visual label to a lot of reach ui components which can be used for user input

Desired Behavior

There should be a way to associate a visual label to these custom input components, so that interacting with the label triggers the input functionality as it does for native html form inputs

Suggested Solution

In some cases, it might be easy if we are internally using a native element for the custom element, say combobox. Not sure about other elements where internally using a semantic form input is not possible, as there is no way to attach labels to divs or spans or non form input elements

Who does this impact? Who is this for?

Intermediate users

Describe alternatives you've considered

using javascript to enable the label functionality

Additional context

NA