mirror of
https://github.com/DarkFlippers/unleashed-firmware.git
synced 2025-12-12 20:49:49 +04:00
* Update and fix JS docs This could really use some automation, atleast for API reference There are TypeScript definitions and typedocs, we don't need to be monkeys copying and reformatting this to API reference by hand * Fix bugged character * JS: Fix Number.toString() with decimals * Fix * Forgot this one * docs: mention per-view child format * Added @portasynthinca3 to docs' codeowners * Updated CODEOWNERS --------- Co-authored-by: Anna Antonenko <portasynthinca3@gmail.com> Co-authored-by: hedger <hedger@nanode.su> Co-authored-by: hedger <hedger@users.noreply.github.com>
35 lines
1.5 KiB
Markdown
35 lines
1.5 KiB
Markdown
# Text input GUI view {#js_gui__text_input}
|
|
|
|
Displays a keyboard.
|
|
|
|
<img src="text_input.png" width="200" alt="Sample screenshot of the view" />
|
|
|
|
```js
|
|
let eventLoop = require("event_loop");
|
|
let gui = require("gui");
|
|
let textInputView = require("gui/text_input");
|
|
```
|
|
|
|
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 |
|
|
|-------------|--------|--------------------------------------------------|
|
|
| `minLength` | `number` | The shortest allowed text length. |
|
|
| `maxLength` | `number` | The longest allowed text length. <br> Default: `32` |
|
|
| `header` | `string` | A single line of text that appears above the keyboard. |
|
|
| `defaultText` | `string` | Text to show by default. |
|
|
| `defaultTextClear` | `boolean` | Whether to clear the default text on next character typed. |
|
|
|
|
## View events
|
|
|
|
| Item | Type | Description |
|
|
|-------------|--------|--------------------------------------------------|
|
|
| `input` | `string` | Fires when the user selects the "Save" button and the text matches the length constrained by `minLength` and `maxLength`. |
|