[{"data":1,"prerenderedAt":83},["ShallowReactive",2],{"help-article-\u002Fhelp\u002Finput-fields\u002Fcheckbox-input-fields":3},{"id":4,"title":5,"body":6,"category":70,"description":71,"extension":72,"keywords":73,"meta":74,"navigation":75,"order":76,"path":77,"rawbody":78,"seo":79,"stem":80,"updated":81,"__hash__":82},"help\u002Fhelp\u002Finput-fields\u002Fcheckbox-input-fields.md","Checkbox input fields (true\u002Ffalse)",{"type":7,"value":8,"toc":67},"minimark",[9,19,36,39,49,56],[10,11,12,13,18],"p",{},"A checkbox input field gives the people using your design generator a single on\u002Foff toggle. Its value is simply true or false, which can show or hide an element, or switch a setting like ",[14,15,17],"a",{"href":16},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Ftext-wrap","Wrap"," on and off.",[10,20,21,22,26,27,30,31,35],{},"You add it through the custom-property route: select the element, click ",[23,24,25],"strong",{},"Select Custom Property"," in the add popup, then click the true\u002Ffalse property you want to expose, for example the element's ",[23,28,29],{},"Visibility"," (see ",[14,32,34],{"href":33},"\u002Fhelp\u002Finput-fields\u002Fadding-input-fields","Adding input fields",").",[10,37,38],{},"The field has one setting:",[40,41,42],"ul",{},[43,44,45,48],"li",{},[23,46,47],{},"Label",": the text shown next to the checkbox in the design generator.",[10,50,51],{},[52,53],"img",{"alt":54,"src":55},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Ff6687cb3-d716-4da2-602d-538fe1c53000\u002Fmax",[57,58,59],"blockquote",{},[10,60,61,62,66],{},"Because the value is just true or false, you can also feed it into expressions to ",[14,63,65],{"href":64},"\u002Fhelp\u002Fexpressions-and-logic\u002Fguide-if-else-logic","switch between two outcomes",".",{"title":54,"searchDepth":68,"depth":68,"links":69},2,[],"input-fields","Let users toggle an option on or off to drive show\u002Fhide and either\u002For logic.","md",[],{},true,60,"\u002Fhelp\u002Finput-fields\u002Fcheckbox-input-fields","---\ntitle: \"Checkbox input fields (true\u002Ffalse)\"\ndescription: \"Let users toggle an option on or off to drive show\u002Fhide and either\u002For logic.\"\ncategory: input-fields\norder: 60\nkeywords: []\n---\nA checkbox input field gives the people using your design generator a single on\u002Foff toggle. Its value is simply true or false, which can show or hide an element, or switch a setting like [Wrap](\u002Fhelp\u002Fdesign-elements-and-tools\u002Ftext-wrap) on and off.\n\nYou add it through the custom-property route: select the element, click **Select Custom Property** in the add popup, then click the true\u002Ffalse property you want to expose, for example the element's **Visibility** (see [Adding input fields](\u002Fhelp\u002Finput-fields\u002Fadding-input-fields)).\n\nThe field has one setting:\n\n- **Label**: the text shown next to the checkbox in the design generator.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Ff6687cb3-d716-4da2-602d-538fe1c53000\u002Fmax)\n\n> Because the value is just true or false, you can also feed it into expressions to [switch between two outcomes](\u002Fhelp\u002Fexpressions-and-logic\u002Fguide-if-else-logic).\n",{"title":5,"description":71},"help\u002Finput-fields\u002Fcheckbox-input-fields","2026-06-15","xAqki9XPZfGVWNx3Uh-DDSjU9dID-j8cTpuNteETKJU",1789292811481]