# js_gui__dialog {#js_gui__dialog}

# Dialog GUI view
Displays a dialog with up to three options.

<img src="dialog.png" width="200" alt="Sample screenshot of the view" />

```js
let eventLoop = require("event_loop");
let gui = require("gui");
let dialogView = require("gui/dialog");
```

This module depends on the `gui` module, which in turn depends on the
`event_loop` module, so they _must_ be imported in this order. It is also
recommended to conceptualize these modules first before using this one.

# Example
For an example refer to the `gui.js` example script.

# View props
## `header`
Text that appears in bold at the top of the screen

Type: `string`

## `text`
Text that appears in the middle of the screen

Type: `string`

## `left`
Text for the left button. If unset, the left button does not show up.

Type: `string`

## `center`
Text for the center button. If unset, the center button does not show up.

Type: `string`

## `right`
Text for the right button. If unset, the right button does not show up.

Type: `string`

# View events
## `input`
Fires when the user presses on either of the three possible buttons. The item
contains one of the strings `"left"`, `"center"` or `"right"` depending on the
button.

Item type: `string`