fix(renderer): add label prop to form

[rvsia]

closes #171

Description

• adds label prop to form, same as title
• updates docs

[codecov-io]

Codecov Report

Merging #172 into master will increase coverage by 0.01%.
The diff coverage is 100%.

@@            Coverage Diff             @@
##           master     #172      +/-   ##
==========================================
+ Coverage   81.33%   81.34%   +0.01%     
==========================================
  Files          87       87              
  Lines        1382     1383       +1     
  Branches      332      333       +1     
==========================================
+ Hits         1124     1125       +1     
  Misses        214      214              
  Partials       44       44

Impacted Files	Coverage Δ
...ges/react-form-renderer/src/form-renderer/index.js	75% <100%> (+1.31%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5758020...b44d669. Read the comment docs.

[skateman]

[skateman]

@rvsia it's a minor problem and I'm not a designer, but IMO the top-level label should be bigger than the label on the sub-form. With the same analogy as the individual labels for inputs are smaller than labels for sub-forms.

top-level > sub-form > input
h1 > h3 > label

[rvsia]

@skateman I agree, this was added only as a placeholder.

react-forms/packages/pf3-component-mapper/src/form-fields/layout-components.js

Line 37 in 5758020

const TitleWrapper = ({ children }) => <h3>{ children }</h3>;

Here, you can change it.