nicegui/website/more_documentation/number_documentation.py

from nicegui import ui

from ..documentation_tools import text_demo


def main_demo() -> None:
    ui.number(label='Number', value=3.1415927, format='%.2f',
              on_change=lambda e: result.set_text(f'you entered: {e.value}'))
    result = ui.label()


def more() -> None:

    @text_demo('Clearable', '''
        The `clearable` prop from [Quasar](https://quasar.dev/) adds a button to the input that clears the text.    
    ''')
    def clearable():
        i = ui.number(value=42).props('clearable')
        ui.label().bind_text_from(i, 'value')

    @text_demo('Integer', '''
       Coerce the returned value to be integer instead of the default float.    
    ''')
    def integer():
        i = ui.number(value=38)
        ui.button('Check number type', on_click=lambda: ui.notify(f'{i.value=} is of type {type(i.value)}'))