Added displayOnly prop to EuiFormRow

[cchaos]

...and updated the form layout page docs with some snippets.

---

Basically if you add the displayOnly prop, it will add a wrapper around the child and vertically center it.

Checklist

• This was checked in mobile
• This was checked in IE11
• [ ] This was checked in dark mode
• Any props added have proper autodocs
• Documentation examples were added
• A changelog entry exists and is marked appropriately
• [ ] This was checked for breaking changes and labeled appropriately
• Jest tests were updated or added to match the most common scenarios
• [ ] This was checked against keyboard-only and screenreader scenarios
• [ ] This required updates to Framer X components

[cchaos]

cc @bevacqua

[cchaos]

@chandlerprall Any thoughts on why my changes would cause this in IE11?

[cchaos]

Ugh, I think I found it, stupid VS code auto-imported Fragment from the wrong library.

[chandlerprall]

Should EuiFormRow automatically infer from its children if the display-only mode should be on or not, instead of requiring a dev to specify it?

[cchaos]

We ran in circles a bit on this one and ultimately, it all depends, so I'd rather make in an optional/manual prop.

[bevacqua]

+1 to making it optional

[chandlerprall]

Changes LGTM

[snide]

Reviewed code, checked docs and display. All look good.