ui.select with stack-label prop

[MateoSaezMata]

Description

I'm trying to set a "placeholder" (ie stack-label prop) to my ui.select element.

My code:

from nicegui import ui

ui.select(['First', 'Second'], label="Please select").props('stack-label')

ui.run()

Result:
(before selection)

(after selection)

It will be nice if the ui.select can display some placeholder like ui.input element like this:

Am I missing something?

Thanks in advance!

[falkoschindler]

Hi @MateoSaezMata,

It looks like the ui.select element is too narrow to actually see the stacked label. This works:

ui.select(['First', 'Second'], label="Please select").props('stack-label').classes('w-40')

[MateoSaezMata]

Thanks!!
That's what I wanted.

Amazing framework btw