How to vertical align center?

[tz301]

Question

with ui.row():
    ui.button('Press')
    ui.input('Input')

How to make these two container align vertical center?

[falkoschindler]

Hi @tz301,

You can use Tailwind's "items-center" class:

with ui.row().classes('items-center'):
    ui.button('Press')
    ui.input('Input')

Since this is a very common use case, I just created PR #3175 to introduce a dedicated parameter align_items, which will part of release 1.4.27.

[tz301]

Thanks!