## Dialogs

[Original HTMX Version](https://htmx.org/examples/dialogs/)

## Demo

<div
    id="dialogs"
    data-on-load="sse('/examples/dialogs_browser/data')"
>
</div>

## Explanation

Dialogs can be triggered with the standard browser `prompt` and `confirm` within an expression. These are triggered by the user interaction that would trigger the fetch, but the request is only sent if the dialog is accepted.

```html
<button
  id="dialogs"
  data-signals="{prompt:'foo',confirm:false}"
  data-on-click="prompt.value=prompt('Enter a string',prompt.value);confirm.value=confirm('Are you sure?');confirm.value && sse('/examples/dialogs__browser/sure')"
>
  Click Me
</button>
```

The value provided by the user to the prompt dialog is fed back into the signals, and the confirm dialog is used to determine whether the request should be sent.