Summary
Currently EuiDescribedFormGroup is a 50/50 split between the label (left) and the form/action area (right). I'd like to suggest that we allow a more specific breakdowns to be set.
Our problem
In it's default state, there's not enough space in the right side for more complex actions to be taken. When maxWidth:full is set, there's enough space on the right but now there's too much space on the left and the label is often isolated.
Proposed solution
Handle the label width with a prop that takes percentage, an example might be labelWidth: 35. This would give the label width 35% and automatically assign the right side the remaining 65%.
This would allow us in Cloud to do something like this:
Thoughts?
cc @cchaos @snide
Summary
Currently
EuiDescribedFormGroupis a 50/50 split between the label (left) and the form/action area (right). I'd like to suggest that we allow a more specific breakdowns to be set.Our problem
In it's default state, there's not enough space in the right side for more complex actions to be taken. When
maxWidth:fullis set, there's enough space on the right but now there's too much space on the left and the label is often isolated.Proposed solution
Handle the label width with a prop that takes percentage, an example might be
labelWidth: 35. This would give the label width 35% and automatically assign the right side the remaining 65%.This would allow us in Cloud to do something like this:
Thoughts?
cc @cchaos @snide