Helper Text for forms should have 'above input' option

[jheadrick2]

I would like to know if we can support the option to make the helper text in BP forms appear above the inputs instead of below them. I find that the helper text is often used as a direction or a label for the input, in which case, it makes more sense hierarchically to appear above the input. Attached is the desired visual:

[mud]

Here's an example where a FormGroup can have arbitrary number of input groups. It ends up pushing down the helper text further down.

[adidahiya]

Ok, this makes sense to me, we can likely add this or accept a PR for this kind of option. @aycai do you have any thoughts?

[aycai]

Yep, chatted with @jheadrick2 about this, +1 to adding the option to have the helper text above the input (but below the label).

@jheadrick2 what spacing do you have in that screenshot? Looks reasonable there!

[mud]

Awesome, I'm happy to do the implementation. Initial thought was to add a new labelHelperText prop that renders underneath the label, but still allow helperText to exist. Another option is to add a helperTextPosition to specify where helperText is rendered.

I lean towards the first option to add labelHelperText since there's no reason to restrict anyone from specifying content for both locations.