Dialogs Browser

Demonstrates the prompt and confirm dialogs

HOME | Explain | Code | Htmx Docs | Full screen
Dialogs can be triggered with the hx-prompt and hx-confirmattributes. These are triggered by the user interaction that would trigger the AJAX request, but the request is only sent if the dialog is accepted. ``` @app.get def page(): return Div()( Button( "Prompt Submission", hx_post=submit, hx_prompt="Enter a string", hx_confirm="Are you sure?", hx_target="#response", ), Div(id="response"), ) @app.post("/submit") def submit(request, htmx: dict): return f"User entered <i>{request.headers['HX-Prompt']}</i>" ``` The value provided by the user to the prompt dialog is sent to the server in a HX-Prompt header. In this case, the server simply echos the user input back. ``` User entered <i>${response}</i> ```

Server Calls