[{"data":1,"prerenderedAt":124},["ShallowReactive",2],{"help-article-\u002Fhelp\u002Finput-fields\u002Ftext-input-fields":3},{"id":4,"title":5,"body":6,"category":111,"description":112,"extension":113,"keywords":114,"meta":115,"navigation":116,"order":117,"path":118,"rawbody":119,"seo":120,"stem":121,"updated":122,"__hash__":123},"help\u002Fhelp\u002Finput-fields\u002Ftext-input-fields.md","Text input fields",{"type":7,"value":8,"toc":106},"minimark",[9,24,28,31,71,78,82,101],[10,11,12,13,17,18,23],"p",{},"A text input field controls the content of a text element: whatever the user types becomes the text on the canvas. Add it by selecting the text element and choosing ",[14,15,16],"strong",{},"Text"," in the add popup (see ",[19,20,22],"a",{"href":21},"\u002Fhelp\u002Finput-fields\u002Fadding-input-fields","Adding input fields",").",[25,26,16],"h2",{"id":27},"text",[10,29,30],{},"You can fine-tune how the field behaves:",[32,33,34,41,47,53,59,65],"ul",{},[35,36,37,40],"li",{},[14,38,39],{},"Allow multiline",": Toggles whether users are allowed to add manual line breaks.",[35,42,43,46],{},[14,44,45],{},"Show character count",": display a running character count. (Enable this when using character limits)",[35,48,49,52],{},[14,50,51],{},"Show clear button",": add a button that empties the field in one click.",[35,54,55,58],{},[14,56,57],{},"Limit total number of characters",": cap how many characters the user can enter.",[35,60,61,64],{},[14,62,63],{},"Limit total number of lines",": cap how many lines they can enter.",[35,66,67,70],{},[14,68,69],{},"Limit the number of characters per line",": cap the length of each individual line.",[10,72,73],{},[74,75],"img",{"alt":76,"src":77},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fc2e6cd4b-9cfd-45f8-4598-69d6a92d8300\u002Fmax",[25,79,81],{"id":80},"text-selection-dropdown-menu","Text Selection (Dropdown Menu)",[10,83,84,85,88,89,92,93,96,97,100],{},"Instead of free typing, you can let users pick from a fixed set of texts. Choose ",[14,86,87],{},"Text Selection"," in the add popup, then define your ",[14,90,91],{},"Text options",": each option has a value, plus an optional custom label shown in place of that value. Present the choices as a ",[14,94,95],{},"Dropdown"," or as ",[14,98,99],{},"Buttons",".",[10,102,103],{},[74,104],{"alt":76,"src":105},"https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F65ce3fdb-49fd-4f06-8395-48aad2ccd400\u002Fmax",{"title":76,"searchDepth":107,"depth":107,"links":108},2,[109,110],{"id":27,"depth":107,"text":16},{"id":80,"depth":107,"text":81},"input-fields","Let users type a text value that flows into a text element on the canvas.","md",[],{},true,20,"\u002Fhelp\u002Finput-fields\u002Ftext-input-fields","---\ntitle: \"Text input fields\"\ndescription: \"Let users type a text value that flows into a text element on the canvas.\"\ncategory: input-fields\norder: 20\nkeywords: []\n---\nA text input field controls the content of a text element: whatever the user types becomes the text on the canvas. Add it by selecting the text element and choosing **Text** in the add popup (see [Adding input fields](\u002Fhelp\u002Finput-fields\u002Fadding-input-fields)).\n\n## Text\n\nYou can fine-tune how the field behaves:\n\n- **Allow multiline**: Toggles whether users are allowed to add manual line breaks.\n- **Show character count**: display a running character count. (Enable this when using character limits)\n- **Show clear button**: add a button that empties the field in one click.\n- **Limit total number of characters**: cap how many characters the user can enter.\n- **Limit total number of lines**: cap how many lines they can enter.\n- **Limit the number of characters per line**: cap the length of each individual line.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fc2e6cd4b-9cfd-45f8-4598-69d6a92d8300\u002Fmax)\n\n## Text Selection (Dropdown Menu)\n\nInstead of free typing, you can let users pick from a fixed set of texts. Choose **Text Selection** in the add popup, then define your **Text options**: each option has a value, plus an optional custom label shown in place of that value. Present the choices as a **Dropdown** or as **Buttons**.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F65ce3fdb-49fd-4f06-8395-48aad2ccd400\u002Fmax)\n",{"title":5,"description":112},"help\u002Finput-fields\u002Ftext-input-fields","2026-06-15","P9U45Wd036-g1cwvLLHp5Y7-u7kqK39XqsyBSsxW7bI",1789292811326]