use mo.ui.refresh without displaying the button in the app

Question

I'd like to use the mo.ui.refresh https://docs.marimo.io/api/inputs/refresh/?h=refresh functionality in my app to periodically update some figures in my app, but I would rather not display the refresh button in the app, is there a way to get the refresh functionality without rendering the refresh button in the app?

Shahmir · Accepted Answer

ohh, sorry maybe my example wasn't clear.refresh = mo.ui.refresh(default_interval="1s")
refresh.style({"display": "none"})another cellrefresh
# rest of your code herein the app view, the component shouldn't show up.

Shahmir · Answer

refresh = mo.ui.refresh(default_interval="1s")
refresh.style({"display": "none"})Might be able to achieve this with styling.

ATL · Answer

sadly the style method isn't doing anything for me 😦

Shahmir · Answer

refresh.style({"display": "none"}) this is sufficient to render the refresh component although invisible

Shahmir · Answer

lmk if there's still issues/unintuitive!

Shahmir · Answer

so, even this should workmo.vstack([ refresh.style({"display": "none"}), mo.md(f"Time is counting: {datetime.now()}")
], gap=0)

ATL · Answer

oh yeah! thank you so much @Shahmir ! that worked perfectly!

Myles Scolnick · Answer

(sorry deleted my message, didn't see the solution above)

Get help from the marimo community

use mo.ui.refresh without displaying the button in the app