1
mirror of https://github.com/DarkFlippers/unleashed-firmware.git synced 2025-12-12 12:42:30 +04:00
Files
unleashed-firmware/documentation/js/js_gui__dialog.md
knrn64 54adc38b3a Documentation: new doc on Storage module and JS cleanup (#4161)
- Add new doc on Storage module
- Improve formatting in the JS section for better readability
2025-03-26 18:29:26 +04:00

35 lines
1.6 KiB
Markdown

# Dialog GUI view {#js_gui__dialog}
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
| **Prop** | **Type** | **Description** |
|------------|-----------|----------------------------------------------------------------|
| `header` | string | Text that appears in bold at the top of the screen. |
| `text` | string | Text that appears in the middle of the screen. |
| `left` | string | Text for the left button. If unset, the left button does not show up. |
| `center` | string | Text for the center button. If unset, the center button does not show up. |
| `right` | string | Text for the right button. If unset, the right button does not show up. |
# View events
| Item | Type | Description |
|----------|--------|-----------------------------------------------------------------------------|
| `input` | `string`| 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. |