[{"data":1,"prerenderedAt":82},["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,"seo":78,"stem":79,"updated":80,"__hash__":81},"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",{"title":5,"description":71},"help\u002Finput-fields\u002Fcheckbox-input-fields","2026-06-15","GEVCtr6Czj4KV_fiNJkaYxNPElpf5S7mu_Oylw7fLBE",1787923688341]