How can I add new content to the scroll_area?

[SHDocter]

Question

with ui.card(align_items="stretch").classes("w-full"):
    with ui.scroll_area().classes('h-32') as gift_scroll:
        with ui.row():
            ui.label(f"text form dict").classes("text-xl")
            with ui.avatar(color="").classes("w-8 h-8"):
                ui.image()
            ui.label("text b").classes("text-xl")
            ui.label("text form dict").classes("text-xl")

What should I do when I need to add new content to the scroll_area at some point after creating an element?

[falkoschindler]

Hi @SHDocter,

Here is a demo for adding and removing elements dynamically:

container = ui.row()

def add_face():
    with container:
        ui.icon('face')
add_face()

ui.button('Add', on_click=add_face)
ui.button('Remove', on_click=lambda: container.remove(0) if list(container) else None)
ui.button('Clear', on_click=container.clear)

This should work for scroll areas as well.

[SHDocter]

thanks!!!