let name = readline('名前を入力してください')

ユーザーがOKを押すとtrue、キャンセルを押すとfalseが返る。

let ok = Mk:confirm("確認", "実行しますか？", "info")

第3引数はinfo,success,warning,error,questionが指定可能。省略するとinfo

Mk:dialog("エラー！", "エラーが発生しました", "info")

Ui:C:postFormButton({
  text: "投稿！" // 表示するテキスト
  primary: true // 色を付けて強調
  rounded: true // 角を丸く
  form: {text: "投稿内容"} // 投稿フォームのデフォルト文字列
})

Ui:C:postForm({
  form: {text: "投稿内容"} // 投稿フォームのデフォルト文字列
})

Ui:C:folder({
  children: [Ui:C:text({text: "A"})] // 中身のコンポーネントの配列
  title: "タイトル"
  opened: true // 開いているか
})

Ui:C:container({
  children: [Ui:C:text({text: "A"})] // 中身のコンポーネントの配列
  align: 'center' // 幅寄せ left,center,right
  bgColor: '#000' // 背景色
  fgColor: '#00f' // 文字色
  font: 'serif' // フォント serif,sans-serif,monospace
  borderWidth: 1 // 枠幅
  borderColor: '#f00' // 枠の色
  padding: 1
  rounded: false // 角を丸く
  hidden: false // 隠す
})

var the_value = ""

Ui:C:select({
  items: [ // 選択肢の配列
    {text: "A", value: "v1"}
    {text: "B", value: "v2"}
  ]
  onChange: @(value){ the_value = value } // 変更された時のイベント
  default: "v1" // デフォルト
  label: "ラベル"
  caption: "キャプション"
})

var the_number = 0

Ui:C:numberInput({
  onInput: @(number){ the_number = number } // 入力された時のイベント
  default: 0 // デフォルト
  label: "ラベル"
  caption: "キャプション"
})

var the_text = ""

Ui:C:textInput({
  onInput: @(text){ the_text = text } // 入力された時のイベント
  default: "デフォルト"
  label: "ラベル"
  caption: "キャプション"
})