Middle align text on a row

[lordofscripts]

Is your feature request related to a problem? Please describe.

I am outputting text and noticed that when the output is a single line, the text is aligned to the Top of the containing row. That goes fine in most use cases. However, in cases such as text headings in a document, you want that single-line text to be vertically aligned to the middle. This is particularly noticed when the row has a background color.

Describe the solution you'd like
An option to vertically align the text to either Middle of Bottom. Those alignments are not included for the text component.

Describe alternatives you've considered

Additional context

Document heading (H1, H2, etc.) with a row/cell background color to appreciate the symptoms.

[johnfercher]

Could you explain better? With images, I don't get it.

[maddie]

Same question here, how to get text vertically aligned to the middle of the cell and horizontally aligned to the center at the same time?

I've searched the repo for issues/code for this, and I see some users use Align: "CM" as text props to achieve this, but it doesn't seem to work for me.

[lordofscripts]

It was clear, as you can see @maddie summarized it quite well.