showTextDialog

Показать диалог для ввода текста

Выдает всплывающее сообщение

import {showTextDialog} from '@app/ui'

Свойства

options: object Объект с параметрами поля ввода

submitUrl*: string

URL по которому будет отправлен текст, введенный пользователем. Текст будет доступен в req.body.value

  1. title: string

    Текст, описывающий, какого ввода ждем от пользователя

  2. description: string

    Описание, уточняющее что ожидаем от пользователя

  3. placeholder:string

    Какой текст будет на месте значения до начала ввода

  4. multiline: boolean

    По-умолчанию: false

    Многострочный ввод

  5. inputType: string

    Тип ввода

    Возможные значения: string, code

  6. value: string

    Значение по умолчанию

  7. submitData: object

    Объект, которым будет расширен req.body

  8. submitButtonTitle: string

    Надпись на кнопке отправки

  9. cancelButtonTitle: string

    Надпись на кнопке отмены

Примеры


Спросить у пользователя его имя и поприветствовать его

import {showTextDialog, showToast} from '@app/ui'

// Screen
app.screen('/', function(ctx,req) {
  return <screen>
    <button
      onClick={showTextDialog({title:"What is your name?", submitUrl: ctx.router.url('/say')})}
      class="secondary"
      title="Click"
    />
  </screen>
});

// Handler
app.apiCall('/say', async function(ctx,req) {
  return showToast("Hello " + req.body.value)
});

❤️ Made with love on Chatium

ООО "Чатиум"

Информация о компании