[{"data":1,"prerenderedAt":1546},["Reactive",2],{"content-query-mKIRTBFnkz":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":1542,"_id":1543,"_source":1544,"_file":1545,"_extension":1096},"/docs/forms/components/toggle","components",false,"","Toggle - Inkline","Toggles are boolean form components used for easily enabling or disabling features.",{"type":11,"children":12,"toc":1530},"root",[13,22,28,285,292,306,519,525,536,748,754,780,1067,1073,1112,1461,1485,1491,1495,1501,1505,1511,1515,1521,1525],{"type":14,"tag":15,"props":16,"children":18},"element","h1",{"id":17},"toggle",[19],{"type":20,"value":21},"text","Toggle",{"type":14,"tag":23,"props":24,"children":26},"h2",{"id":25},"toggles-are-boolean-form-components-used-for-easily-enabling-or-disabling-features",[27],{"type":20,"value":9},{"type":14,"tag":29,"props":30,"children":31},"content-tabs",{},[32,41],{"type":14,"tag":33,"props":34,"children":35},"template",{"v-slot:preview":7},[36],{"type":14,"tag":37,"props":38,"children":40},"content-preview",{"src":39},"/components/IToggle/examples/basic",[],{"type":14,"tag":33,"props":42,"children":43},{"v-slot:vue":7},[44],{"type":14,"tag":45,"props":46,"children":51},"code",{"className":47,"code":49,"language":50,"meta":7},[48],"language-vue","\u003Cscript>\nexport default {\n    data() {\n        return {\n            toggled: false\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIToggle v-model=\"toggled\">I accept the terms and conditions\u003C/IToggle>\n\u003C/template>\n\n","vue",[52],{"type":14,"tag":53,"props":54,"children":55},"pre",{},[56],{"type":14,"tag":45,"props":57,"children":58},{"__ignoreMap":7},[59,82,107,127,145,160,169,178,187,204,220,268],{"type":14,"tag":60,"props":61,"children":64},"span",{"class":62,"line":63},"line",1,[65,71,77],{"type":14,"tag":60,"props":66,"children":68},{"class":67},"ct-553616",[69],{"type":20,"value":70},"\u003C",{"type":14,"tag":60,"props":72,"children":74},{"class":73},"ct-914029",[75],{"type":20,"value":76},"script",{"type":14,"tag":60,"props":78,"children":79},{"class":67},[80],{"type":20,"value":81},">\n",{"type":14,"tag":60,"props":83,"children":85},{"class":62,"line":84},2,[86,92,97,102],{"type":14,"tag":60,"props":87,"children":89},{"class":88},"ct-149352",[90],{"type":20,"value":91},"export",{"type":14,"tag":60,"props":93,"children":94},{"class":67},[95],{"type":20,"value":96}," ",{"type":14,"tag":60,"props":98,"children":99},{"class":88},[100],{"type":20,"value":101},"default",{"type":14,"tag":60,"props":103,"children":104},{"class":67},[105],{"type":20,"value":106}," {\n",{"type":14,"tag":60,"props":108,"children":110},{"class":62,"line":109},3,[111,116,122],{"type":14,"tag":60,"props":112,"children":113},{"class":67},[114],{"type":20,"value":115},"    ",{"type":14,"tag":60,"props":117,"children":119},{"class":118},"ct-762058",[120],{"type":20,"value":121},"data",{"type":14,"tag":60,"props":123,"children":124},{"class":67},[125],{"type":20,"value":126},"() {\n",{"type":14,"tag":60,"props":128,"children":130},{"class":62,"line":129},4,[131,136,141],{"type":14,"tag":60,"props":132,"children":133},{"class":67},[134],{"type":20,"value":135},"        ",{"type":14,"tag":60,"props":137,"children":138},{"class":88},[139],{"type":20,"value":140},"return",{"type":14,"tag":60,"props":142,"children":143},{"class":67},[144],{"type":20,"value":106},{"type":14,"tag":60,"props":146,"children":148},{"class":62,"line":147},5,[149,154],{"type":14,"tag":60,"props":150,"children":151},{"class":67},[152],{"type":20,"value":153},"            toggled: ",{"type":14,"tag":60,"props":155,"children":157},{"class":156},"ct-617022",[158],{"type":20,"value":159},"false\n",{"type":14,"tag":60,"props":161,"children":163},{"class":62,"line":162},6,[164],{"type":14,"tag":60,"props":165,"children":166},{"class":67},[167],{"type":20,"value":168},"        };\n",{"type":14,"tag":60,"props":170,"children":172},{"class":62,"line":171},7,[173],{"type":14,"tag":60,"props":174,"children":175},{"class":67},[176],{"type":20,"value":177},"    }\n",{"type":14,"tag":60,"props":179,"children":181},{"class":62,"line":180},8,[182],{"type":14,"tag":60,"props":183,"children":184},{"class":67},[185],{"type":20,"value":186},"};\n",{"type":14,"tag":60,"props":188,"children":190},{"class":62,"line":189},9,[191,196,200],{"type":14,"tag":60,"props":192,"children":193},{"class":67},[194],{"type":20,"value":195},"\u003C/",{"type":14,"tag":60,"props":197,"children":198},{"class":73},[199],{"type":20,"value":76},{"type":14,"tag":60,"props":201,"children":202},{"class":67},[203],{"type":20,"value":81},{"type":14,"tag":60,"props":205,"children":207},{"class":62,"line":206},10,[208,212,216],{"type":14,"tag":60,"props":209,"children":210},{"class":67},[211],{"type":20,"value":70},{"type":14,"tag":60,"props":213,"children":214},{"class":73},[215],{"type":20,"value":33},{"type":14,"tag":60,"props":217,"children":218},{"class":67},[219],{"type":20,"value":81},{"type":14,"tag":60,"props":221,"children":223},{"class":62,"line":222},11,[224,229,235,239,244,249,255,260,264],{"type":14,"tag":60,"props":225,"children":226},{"class":67},[227],{"type":20,"value":228},"    \u003C",{"type":14,"tag":60,"props":230,"children":232},{"class":231},"ct-028869",[233],{"type":20,"value":234},"IToggle",{"type":14,"tag":60,"props":236,"children":237},{"class":67},[238],{"type":20,"value":96},{"type":14,"tag":60,"props":240,"children":241},{"class":118},[242],{"type":20,"value":243},"v-model",{"type":14,"tag":60,"props":245,"children":246},{"class":67},[247],{"type":20,"value":248},"=",{"type":14,"tag":60,"props":250,"children":252},{"class":251},"ct-952708",[253],{"type":20,"value":254},"\"toggled\"",{"type":14,"tag":60,"props":256,"children":257},{"class":67},[258],{"type":20,"value":259},">I accept the terms and conditions\u003C/",{"type":14,"tag":60,"props":261,"children":262},{"class":231},[263],{"type":20,"value":234},{"type":14,"tag":60,"props":265,"children":266},{"class":67},[267],{"type":20,"value":81},{"type":14,"tag":60,"props":269,"children":271},{"class":62,"line":270},12,[272,276,280],{"type":14,"tag":60,"props":273,"children":274},{"class":67},[275],{"type":20,"value":195},{"type":14,"tag":60,"props":277,"children":278},{"class":73},[279],{"type":20,"value":33},{"type":14,"tag":60,"props":281,"children":282},{"class":67},[283],{"type":20,"value":284},">",{"type":14,"tag":286,"props":287,"children":289},"h3",{"id":288},"readonly-state",[290],{"type":20,"value":291},"Readonly State",{"type":14,"tag":293,"props":294,"children":295},"p",{},[296,298,304],{"type":20,"value":297},"You can set the toggle input to be readonly by using the ",{"type":14,"tag":299,"props":300,"children":301},"code-inline",{},[302],{"type":20,"value":303},"readonly",{"type":20,"value":305}," property.",{"type":14,"tag":29,"props":307,"children":308},{},[309,316],{"type":14,"tag":33,"props":310,"children":311},{"v-slot:preview":7},[312],{"type":14,"tag":37,"props":313,"children":315},{"src":314},"/components/IToggle/examples/readonly",[],{"type":14,"tag":33,"props":317,"children":318},{"v-slot:vue":7},[319],{"type":14,"tag":45,"props":320,"children":323},{"className":321,"code":322,"language":50,"meta":7},[48],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            toggled: true\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIToggle v-model=\"toggled\" readonly>I accept the terms and conditions\u003C/IToggle>\n\u003C/template>\n\n",[324],{"type":14,"tag":53,"props":325,"children":326},{},[327],{"type":14,"tag":45,"props":328,"children":329},{"__ignoreMap":7},[330,345,364,379,394,406,413,420,427,442,457,504],{"type":14,"tag":60,"props":331,"children":332},{"class":62,"line":63},[333,337,341],{"type":14,"tag":60,"props":334,"children":335},{"class":67},[336],{"type":20,"value":70},{"type":14,"tag":60,"props":338,"children":339},{"class":73},[340],{"type":20,"value":76},{"type":14,"tag":60,"props":342,"children":343},{"class":67},[344],{"type":20,"value":81},{"type":14,"tag":60,"props":346,"children":347},{"class":62,"line":84},[348,352,356,360],{"type":14,"tag":60,"props":349,"children":350},{"class":88},[351],{"type":20,"value":91},{"type":14,"tag":60,"props":353,"children":354},{"class":67},[355],{"type":20,"value":96},{"type":14,"tag":60,"props":357,"children":358},{"class":88},[359],{"type":20,"value":101},{"type":14,"tag":60,"props":361,"children":362},{"class":67},[363],{"type":20,"value":106},{"type":14,"tag":60,"props":365,"children":366},{"class":62,"line":109},[367,371,375],{"type":14,"tag":60,"props":368,"children":369},{"class":67},[370],{"type":20,"value":115},{"type":14,"tag":60,"props":372,"children":373},{"class":118},[374],{"type":20,"value":121},{"type":14,"tag":60,"props":376,"children":377},{"class":67},[378],{"type":20,"value":126},{"type":14,"tag":60,"props":380,"children":381},{"class":62,"line":129},[382,386,390],{"type":14,"tag":60,"props":383,"children":384},{"class":67},[385],{"type":20,"value":135},{"type":14,"tag":60,"props":387,"children":388},{"class":88},[389],{"type":20,"value":140},{"type":14,"tag":60,"props":391,"children":392},{"class":67},[393],{"type":20,"value":106},{"type":14,"tag":60,"props":395,"children":396},{"class":62,"line":147},[397,401],{"type":14,"tag":60,"props":398,"children":399},{"class":67},[400],{"type":20,"value":153},{"type":14,"tag":60,"props":402,"children":403},{"class":156},[404],{"type":20,"value":405},"true\n",{"type":14,"tag":60,"props":407,"children":408},{"class":62,"line":162},[409],{"type":14,"tag":60,"props":410,"children":411},{"class":67},[412],{"type":20,"value":168},{"type":14,"tag":60,"props":414,"children":415},{"class":62,"line":171},[416],{"type":14,"tag":60,"props":417,"children":418},{"class":67},[419],{"type":20,"value":177},{"type":14,"tag":60,"props":421,"children":422},{"class":62,"line":180},[423],{"type":14,"tag":60,"props":424,"children":425},{"class":67},[426],{"type":20,"value":186},{"type":14,"tag":60,"props":428,"children":429},{"class":62,"line":189},[430,434,438],{"type":14,"tag":60,"props":431,"children":432},{"class":67},[433],{"type":20,"value":195},{"type":14,"tag":60,"props":435,"children":436},{"class":73},[437],{"type":20,"value":76},{"type":14,"tag":60,"props":439,"children":440},{"class":67},[441],{"type":20,"value":81},{"type":14,"tag":60,"props":443,"children":444},{"class":62,"line":206},[445,449,453],{"type":14,"tag":60,"props":446,"children":447},{"class":67},[448],{"type":20,"value":70},{"type":14,"tag":60,"props":450,"children":451},{"class":73},[452],{"type":20,"value":33},{"type":14,"tag":60,"props":454,"children":455},{"class":67},[456],{"type":20,"value":81},{"type":14,"tag":60,"props":458,"children":459},{"class":62,"line":222},[460,464,468,472,476,480,484,488,492,496,500],{"type":14,"tag":60,"props":461,"children":462},{"class":67},[463],{"type":20,"value":228},{"type":14,"tag":60,"props":465,"children":466},{"class":231},[467],{"type":20,"value":234},{"type":14,"tag":60,"props":469,"children":470},{"class":67},[471],{"type":20,"value":96},{"type":14,"tag":60,"props":473,"children":474},{"class":118},[475],{"type":20,"value":243},{"type":14,"tag":60,"props":477,"children":478},{"class":67},[479],{"type":20,"value":248},{"type":14,"tag":60,"props":481,"children":482},{"class":251},[483],{"type":20,"value":254},{"type":14,"tag":60,"props":485,"children":486},{"class":67},[487],{"type":20,"value":96},{"type":14,"tag":60,"props":489,"children":490},{"class":118},[491],{"type":20,"value":303},{"type":14,"tag":60,"props":493,"children":494},{"class":67},[495],{"type":20,"value":259},{"type":14,"tag":60,"props":497,"children":498},{"class":231},[499],{"type":20,"value":234},{"type":14,"tag":60,"props":501,"children":502},{"class":67},[503],{"type":20,"value":81},{"type":14,"tag":60,"props":505,"children":506},{"class":62,"line":270},[507,511,515],{"type":14,"tag":60,"props":508,"children":509},{"class":67},[510],{"type":20,"value":195},{"type":14,"tag":60,"props":512,"children":513},{"class":73},[514],{"type":20,"value":33},{"type":14,"tag":60,"props":516,"children":517},{"class":67},[518],{"type":20,"value":284},{"type":14,"tag":286,"props":520,"children":522},{"id":521},"disabled-state",[523],{"type":20,"value":524},"Disabled State",{"type":14,"tag":293,"props":526,"children":527},{},[528,530,535],{"type":20,"value":529},"You can set the toggle input to be disabled by using the ",{"type":14,"tag":299,"props":531,"children":532},{},[533],{"type":20,"value":534},"disabled",{"type":20,"value":305},{"type":14,"tag":29,"props":537,"children":538},{},[539,546],{"type":14,"tag":33,"props":540,"children":541},{"v-slot:preview":7},[542],{"type":14,"tag":37,"props":543,"children":545},{"src":544},"/components/IToggle/examples/disabled",[],{"type":14,"tag":33,"props":547,"children":548},{"v-slot:vue":7},[549],{"type":14,"tag":45,"props":550,"children":553},{"className":551,"code":552,"language":50,"meta":7},[48],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            toggled: false\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIToggle v-model=\"toggled\" disabled>I accept the terms and conditions\u003C/IToggle>\n\u003C/template>\n\n",[554],{"type":14,"tag":53,"props":555,"children":556},{},[557],{"type":14,"tag":45,"props":558,"children":559},{"__ignoreMap":7},[560,575,594,609,624,635,642,649,656,671,686,733],{"type":14,"tag":60,"props":561,"children":562},{"class":62,"line":63},[563,567,571],{"type":14,"tag":60,"props":564,"children":565},{"class":67},[566],{"type":20,"value":70},{"type":14,"tag":60,"props":568,"children":569},{"class":73},[570],{"type":20,"value":76},{"type":14,"tag":60,"props":572,"children":573},{"class":67},[574],{"type":20,"value":81},{"type":14,"tag":60,"props":576,"children":577},{"class":62,"line":84},[578,582,586,590],{"type":14,"tag":60,"props":579,"children":580},{"class":88},[581],{"type":20,"value":91},{"type":14,"tag":60,"props":583,"children":584},{"class":67},[585],{"type":20,"value":96},{"type":14,"tag":60,"props":587,"children":588},{"class":88},[589],{"type":20,"value":101},{"type":14,"tag":60,"props":591,"children":592},{"class":67},[593],{"type":20,"value":106},{"type":14,"tag":60,"props":595,"children":596},{"class":62,"line":109},[597,601,605],{"type":14,"tag":60,"props":598,"children":599},{"class":67},[600],{"type":20,"value":115},{"type":14,"tag":60,"props":602,"children":603},{"class":118},[604],{"type":20,"value":121},{"type":14,"tag":60,"props":606,"children":607},{"class":67},[608],{"type":20,"value":126},{"type":14,"tag":60,"props":610,"children":611},{"class":62,"line":129},[612,616,620],{"type":14,"tag":60,"props":613,"children":614},{"class":67},[615],{"type":20,"value":135},{"type":14,"tag":60,"props":617,"children":618},{"class":88},[619],{"type":20,"value":140},{"type":14,"tag":60,"props":621,"children":622},{"class":67},[623],{"type":20,"value":106},{"type":14,"tag":60,"props":625,"children":626},{"class":62,"line":147},[627,631],{"type":14,"tag":60,"props":628,"children":629},{"class":67},[630],{"type":20,"value":153},{"type":14,"tag":60,"props":632,"children":633},{"class":156},[634],{"type":20,"value":159},{"type":14,"tag":60,"props":636,"children":637},{"class":62,"line":162},[638],{"type":14,"tag":60,"props":639,"children":640},{"class":67},[641],{"type":20,"value":168},{"type":14,"tag":60,"props":643,"children":644},{"class":62,"line":171},[645],{"type":14,"tag":60,"props":646,"children":647},{"class":67},[648],{"type":20,"value":177},{"type":14,"tag":60,"props":650,"children":651},{"class":62,"line":180},[652],{"type":14,"tag":60,"props":653,"children":654},{"class":67},[655],{"type":20,"value":186},{"type":14,"tag":60,"props":657,"children":658},{"class":62,"line":189},[659,663,667],{"type":14,"tag":60,"props":660,"children":661},{"class":67},[662],{"type":20,"value":195},{"type":14,"tag":60,"props":664,"children":665},{"class":73},[666],{"type":20,"value":76},{"type":14,"tag":60,"props":668,"children":669},{"class":67},[670],{"type":20,"value":81},{"type":14,"tag":60,"props":672,"children":673},{"class":62,"line":206},[674,678,682],{"type":14,"tag":60,"props":675,"children":676},{"class":67},[677],{"type":20,"value":70},{"type":14,"tag":60,"props":679,"children":680},{"class":73},[681],{"type":20,"value":33},{"type":14,"tag":60,"props":683,"children":684},{"class":67},[685],{"type":20,"value":81},{"type":14,"tag":60,"props":687,"children":688},{"class":62,"line":222},[689,693,697,701,705,709,713,717,721,725,729],{"type":14,"tag":60,"props":690,"children":691},{"class":67},[692],{"type":20,"value":228},{"type":14,"tag":60,"props":694,"children":695},{"class":231},[696],{"type":20,"value":234},{"type":14,"tag":60,"props":698,"children":699},{"class":67},[700],{"type":20,"value":96},{"type":14,"tag":60,"props":702,"children":703},{"class":118},[704],{"type":20,"value":243},{"type":14,"tag":60,"props":706,"children":707},{"class":67},[708],{"type":20,"value":248},{"type":14,"tag":60,"props":710,"children":711},{"class":251},[712],{"type":20,"value":254},{"type":14,"tag":60,"props":714,"children":715},{"class":67},[716],{"type":20,"value":96},{"type":14,"tag":60,"props":718,"children":719},{"class":118},[720],{"type":20,"value":534},{"type":14,"tag":60,"props":722,"children":723},{"class":67},[724],{"type":20,"value":259},{"type":14,"tag":60,"props":726,"children":727},{"class":231},[728],{"type":20,"value":234},{"type":14,"tag":60,"props":730,"children":731},{"class":67},[732],{"type":20,"value":81},{"type":14,"tag":60,"props":734,"children":735},{"class":62,"line":270},[736,740,744],{"type":14,"tag":60,"props":737,"children":738},{"class":67},[739],{"type":20,"value":195},{"type":14,"tag":60,"props":741,"children":742},{"class":73},[743],{"type":20,"value":33},{"type":14,"tag":60,"props":745,"children":746},{"class":67},[747],{"type":20,"value":284},{"type":14,"tag":286,"props":749,"children":751},{"id":750},"color-variants",[752],{"type":20,"value":753},"Color Variants",{"type":14,"tag":293,"props":755,"children":756},{},[757,759,764,766,771,773,778],{"type":20,"value":758},"You can use the ",{"type":14,"tag":299,"props":760,"children":761},{},[762],{"type":20,"value":763},"color",{"type":20,"value":765}," property to set a ",{"type":14,"tag":299,"props":767,"children":768},{},[769],{"type":20,"value":770},"light",{"type":20,"value":772}," or ",{"type":14,"tag":299,"props":774,"children":775},{},[776],{"type":20,"value":777},"dark",{"type":20,"value":779}," color for your toggle components.",{"type":14,"tag":29,"props":781,"children":782},{},[783,790],{"type":14,"tag":33,"props":784,"children":785},{"v-slot:preview":7},[786],{"type":14,"tag":37,"props":787,"children":789},{"src":788},"/components/IToggle/examples/color-variants",[],{"type":14,"tag":33,"props":791,"children":792},{"v-slot:vue":7},[793],{"type":14,"tag":45,"props":794,"children":797},{"className":795,"code":796,"language":50,"meta":7},[48],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            toggled: false\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIToggle v-model=\"toggled\" color=\"light\">I accept the terms and conditions\u003C/IToggle>\n\n    \u003CIToggle v-model=\"toggled\" color=\"dark\">I accept the terms and conditions\u003C/IToggle>\n\u003C/template>\n\n",[798],{"type":14,"tag":53,"props":799,"children":800},{},[801],{"type":14,"tag":45,"props":802,"children":803},{"__ignoreMap":7},[804,819,838,853,868,879,886,893,900,915,930,986,994,1051],{"type":14,"tag":60,"props":805,"children":806},{"class":62,"line":63},[807,811,815],{"type":14,"tag":60,"props":808,"children":809},{"class":67},[810],{"type":20,"value":70},{"type":14,"tag":60,"props":812,"children":813},{"class":73},[814],{"type":20,"value":76},{"type":14,"tag":60,"props":816,"children":817},{"class":67},[818],{"type":20,"value":81},{"type":14,"tag":60,"props":820,"children":821},{"class":62,"line":84},[822,826,830,834],{"type":14,"tag":60,"props":823,"children":824},{"class":88},[825],{"type":20,"value":91},{"type":14,"tag":60,"props":827,"children":828},{"class":67},[829],{"type":20,"value":96},{"type":14,"tag":60,"props":831,"children":832},{"class":88},[833],{"type":20,"value":101},{"type":14,"tag":60,"props":835,"children":836},{"class":67},[837],{"type":20,"value":106},{"type":14,"tag":60,"props":839,"children":840},{"class":62,"line":109},[841,845,849],{"type":14,"tag":60,"props":842,"children":843},{"class":67},[844],{"type":20,"value":115},{"type":14,"tag":60,"props":846,"children":847},{"class":118},[848],{"type":20,"value":121},{"type":14,"tag":60,"props":850,"children":851},{"class":67},[852],{"type":20,"value":126},{"type":14,"tag":60,"props":854,"children":855},{"class":62,"line":129},[856,860,864],{"type":14,"tag":60,"props":857,"children":858},{"class":67},[859],{"type":20,"value":135},{"type":14,"tag":60,"props":861,"children":862},{"class":88},[863],{"type":20,"value":140},{"type":14,"tag":60,"props":865,"children":866},{"class":67},[867],{"type":20,"value":106},{"type":14,"tag":60,"props":869,"children":870},{"class":62,"line":147},[871,875],{"type":14,"tag":60,"props":872,"children":873},{"class":67},[874],{"type":20,"value":153},{"type":14,"tag":60,"props":876,"children":877},{"class":156},[878],{"type":20,"value":159},{"type":14,"tag":60,"props":880,"children":881},{"class":62,"line":162},[882],{"type":14,"tag":60,"props":883,"children":884},{"class":67},[885],{"type":20,"value":168},{"type":14,"tag":60,"props":887,"children":888},{"class":62,"line":171},[889],{"type":14,"tag":60,"props":890,"children":891},{"class":67},[892],{"type":20,"value":177},{"type":14,"tag":60,"props":894,"children":895},{"class":62,"line":180},[896],{"type":14,"tag":60,"props":897,"children":898},{"class":67},[899],{"type":20,"value":186},{"type":14,"tag":60,"props":901,"children":902},{"class":62,"line":189},[903,907,911],{"type":14,"tag":60,"props":904,"children":905},{"class":67},[906],{"type":20,"value":195},{"type":14,"tag":60,"props":908,"children":909},{"class":73},[910],{"type":20,"value":76},{"type":14,"tag":60,"props":912,"children":913},{"class":67},[914],{"type":20,"value":81},{"type":14,"tag":60,"props":916,"children":917},{"class":62,"line":206},[918,922,926],{"type":14,"tag":60,"props":919,"children":920},{"class":67},[921],{"type":20,"value":70},{"type":14,"tag":60,"props":923,"children":924},{"class":73},[925],{"type":20,"value":33},{"type":14,"tag":60,"props":927,"children":928},{"class":67},[929],{"type":20,"value":81},{"type":14,"tag":60,"props":931,"children":932},{"class":62,"line":222},[933,937,941,945,949,953,957,961,965,969,974,978,982],{"type":14,"tag":60,"props":934,"children":935},{"class":67},[936],{"type":20,"value":228},{"type":14,"tag":60,"props":938,"children":939},{"class":231},[940],{"type":20,"value":234},{"type":14,"tag":60,"props":942,"children":943},{"class":67},[944],{"type":20,"value":96},{"type":14,"tag":60,"props":946,"children":947},{"class":118},[948],{"type":20,"value":243},{"type":14,"tag":60,"props":950,"children":951},{"class":67},[952],{"type":20,"value":248},{"type":14,"tag":60,"props":954,"children":955},{"class":251},[956],{"type":20,"value":254},{"type":14,"tag":60,"props":958,"children":959},{"class":67},[960],{"type":20,"value":96},{"type":14,"tag":60,"props":962,"children":963},{"class":118},[964],{"type":20,"value":763},{"type":14,"tag":60,"props":966,"children":967},{"class":67},[968],{"type":20,"value":248},{"type":14,"tag":60,"props":970,"children":971},{"class":251},[972],{"type":20,"value":973},"\"light\"",{"type":14,"tag":60,"props":975,"children":976},{"class":67},[977],{"type":20,"value":259},{"type":14,"tag":60,"props":979,"children":980},{"class":231},[981],{"type":20,"value":234},{"type":14,"tag":60,"props":983,"children":984},{"class":67},[985],{"type":20,"value":81},{"type":14,"tag":60,"props":987,"children":988},{"class":62,"line":270},[989],{"type":14,"tag":60,"props":990,"children":991},{},[992],{"type":20,"value":993},"\n",{"type":14,"tag":60,"props":995,"children":997},{"class":62,"line":996},13,[998,1002,1006,1010,1014,1018,1022,1026,1030,1034,1039,1043,1047],{"type":14,"tag":60,"props":999,"children":1000},{"class":67},[1001],{"type":20,"value":228},{"type":14,"tag":60,"props":1003,"children":1004},{"class":231},[1005],{"type":20,"value":234},{"type":14,"tag":60,"props":1007,"children":1008},{"class":67},[1009],{"type":20,"value":96},{"type":14,"tag":60,"props":1011,"children":1012},{"class":118},[1013],{"type":20,"value":243},{"type":14,"tag":60,"props":1015,"children":1016},{"class":67},[1017],{"type":20,"value":248},{"type":14,"tag":60,"props":1019,"children":1020},{"class":251},[1021],{"type":20,"value":254},{"type":14,"tag":60,"props":1023,"children":1024},{"class":67},[1025],{"type":20,"value":96},{"type":14,"tag":60,"props":1027,"children":1028},{"class":118},[1029],{"type":20,"value":763},{"type":14,"tag":60,"props":1031,"children":1032},{"class":67},[1033],{"type":20,"value":248},{"type":14,"tag":60,"props":1035,"children":1036},{"class":251},[1037],{"type":20,"value":1038},"\"dark\"",{"type":14,"tag":60,"props":1040,"children":1041},{"class":67},[1042],{"type":20,"value":259},{"type":14,"tag":60,"props":1044,"children":1045},{"class":231},[1046],{"type":20,"value":234},{"type":14,"tag":60,"props":1048,"children":1049},{"class":67},[1050],{"type":20,"value":81},{"type":14,"tag":60,"props":1052,"children":1054},{"class":62,"line":1053},14,[1055,1059,1063],{"type":14,"tag":60,"props":1056,"children":1057},{"class":67},[1058],{"type":20,"value":195},{"type":14,"tag":60,"props":1060,"children":1061},{"class":73},[1062],{"type":20,"value":33},{"type":14,"tag":60,"props":1064,"children":1065},{"class":67},[1066],{"type":20,"value":284},{"type":14,"tag":286,"props":1068,"children":1070},{"id":1069},"size-variants",[1071],{"type":20,"value":1072},"Size Variants",{"type":14,"tag":293,"props":1074,"children":1075},{},[1076,1078,1083,1085,1090,1092,1097,1099,1104,1106,1110],{"type":20,"value":1077},"You're able to use the ",{"type":14,"tag":299,"props":1079,"children":1080},{},[1081],{"type":20,"value":1082},"size",{"type":20,"value":1084}," property to control the size of your inputs, using one of the available sizes: ",{"type":14,"tag":299,"props":1086,"children":1087},{},[1088],{"type":20,"value":1089},"sm",{"type":20,"value":1091},", ",{"type":14,"tag":299,"props":1093,"children":1094},{},[1095],{"type":20,"value":1096},"md",{"type":20,"value":1098},", and ",{"type":14,"tag":299,"props":1100,"children":1101},{},[1102],{"type":20,"value":1103},"lg",{"type":20,"value":1105},". The default size is set to ",{"type":14,"tag":299,"props":1107,"children":1108},{},[1109],{"type":20,"value":1096},{"type":20,"value":1111},".",{"type":14,"tag":29,"props":1113,"children":1114},{},[1115,1122],{"type":14,"tag":33,"props":1116,"children":1117},{"v-slot:preview":7},[1118],{"type":14,"tag":37,"props":1119,"children":1121},{"src":1120},"/components/IToggle/examples/size-variants",[],{"type":14,"tag":33,"props":1123,"children":1124},{"v-slot:vue":7},[1125],{"type":14,"tag":45,"props":1126,"children":1129},{"className":1127,"code":1128,"language":50,"meta":7},[48],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            toggled: false\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIToggle v-model=\"toggled\" size=\"sm\">I accept the terms and conditions\u003C/IToggle>\n\n    \u003CIToggle v-model=\"toggled\" size=\"md\">I accept the terms and conditions\u003C/IToggle>\n\n    \u003CIToggle v-model=\"toggled\" size=\"lg\">I accept the terms and conditions\u003C/IToggle>\n\u003C/template>\n\n",[1130],{"type":14,"tag":53,"props":1131,"children":1132},{},[1133],{"type":14,"tag":45,"props":1134,"children":1135},{"__ignoreMap":7},[1136,1151,1170,1185,1200,1211,1218,1225,1232,1247,1262,1318,1325,1381,1388,1445],{"type":14,"tag":60,"props":1137,"children":1138},{"class":62,"line":63},[1139,1143,1147],{"type":14,"tag":60,"props":1140,"children":1141},{"class":67},[1142],{"type":20,"value":70},{"type":14,"tag":60,"props":1144,"children":1145},{"class":73},[1146],{"type":20,"value":76},{"type":14,"tag":60,"props":1148,"children":1149},{"class":67},[1150],{"type":20,"value":81},{"type":14,"tag":60,"props":1152,"children":1153},{"class":62,"line":84},[1154,1158,1162,1166],{"type":14,"tag":60,"props":1155,"children":1156},{"class":88},[1157],{"type":20,"value":91},{"type":14,"tag":60,"props":1159,"children":1160},{"class":67},[1161],{"type":20,"value":96},{"type":14,"tag":60,"props":1163,"children":1164},{"class":88},[1165],{"type":20,"value":101},{"type":14,"tag":60,"props":1167,"children":1168},{"class":67},[1169],{"type":20,"value":106},{"type":14,"tag":60,"props":1171,"children":1172},{"class":62,"line":109},[1173,1177,1181],{"type":14,"tag":60,"props":1174,"children":1175},{"class":67},[1176],{"type":20,"value":115},{"type":14,"tag":60,"props":1178,"children":1179},{"class":118},[1180],{"type":20,"value":121},{"type":14,"tag":60,"props":1182,"children":1183},{"class":67},[1184],{"type":20,"value":126},{"type":14,"tag":60,"props":1186,"children":1187},{"class":62,"line":129},[1188,1192,1196],{"type":14,"tag":60,"props":1189,"children":1190},{"class":67},[1191],{"type":20,"value":135},{"type":14,"tag":60,"props":1193,"children":1194},{"class":88},[1195],{"type":20,"value":140},{"type":14,"tag":60,"props":1197,"children":1198},{"class":67},[1199],{"type":20,"value":106},{"type":14,"tag":60,"props":1201,"children":1202},{"class":62,"line":147},[1203,1207],{"type":14,"tag":60,"props":1204,"children":1205},{"class":67},[1206],{"type":20,"value":153},{"type":14,"tag":60,"props":1208,"children":1209},{"class":156},[1210],{"type":20,"value":159},{"type":14,"tag":60,"props":1212,"children":1213},{"class":62,"line":162},[1214],{"type":14,"tag":60,"props":1215,"children":1216},{"class":67},[1217],{"type":20,"value":168},{"type":14,"tag":60,"props":1219,"children":1220},{"class":62,"line":171},[1221],{"type":14,"tag":60,"props":1222,"children":1223},{"class":67},[1224],{"type":20,"value":177},{"type":14,"tag":60,"props":1226,"children":1227},{"class":62,"line":180},[1228],{"type":14,"tag":60,"props":1229,"children":1230},{"class":67},[1231],{"type":20,"value":186},{"type":14,"tag":60,"props":1233,"children":1234},{"class":62,"line":189},[1235,1239,1243],{"type":14,"tag":60,"props":1236,"children":1237},{"class":67},[1238],{"type":20,"value":195},{"type":14,"tag":60,"props":1240,"children":1241},{"class":73},[1242],{"type":20,"value":76},{"type":14,"tag":60,"props":1244,"children":1245},{"class":67},[1246],{"type":20,"value":81},{"type":14,"tag":60,"props":1248,"children":1249},{"class":62,"line":206},[1250,1254,1258],{"type":14,"tag":60,"props":1251,"children":1252},{"class":67},[1253],{"type":20,"value":70},{"type":14,"tag":60,"props":1255,"children":1256},{"class":73},[1257],{"type":20,"value":33},{"type":14,"tag":60,"props":1259,"children":1260},{"class":67},[1261],{"type":20,"value":81},{"type":14,"tag":60,"props":1263,"children":1264},{"class":62,"line":222},[1265,1269,1273,1277,1281,1285,1289,1293,1297,1301,1306,1310,1314],{"type":14,"tag":60,"props":1266,"children":1267},{"class":67},[1268],{"type":20,"value":228},{"type":14,"tag":60,"props":1270,"children":1271},{"class":231},[1272],{"type":20,"value":234},{"type":14,"tag":60,"props":1274,"children":1275},{"class":67},[1276],{"type":20,"value":96},{"type":14,"tag":60,"props":1278,"children":1279},{"class":118},[1280],{"type":20,"value":243},{"type":14,"tag":60,"props":1282,"children":1283},{"class":67},[1284],{"type":20,"value":248},{"type":14,"tag":60,"props":1286,"children":1287},{"class":251},[1288],{"type":20,"value":254},{"type":14,"tag":60,"props":1290,"children":1291},{"class":67},[1292],{"type":20,"value":96},{"type":14,"tag":60,"props":1294,"children":1295},{"class":118},[1296],{"type":20,"value":1082},{"type":14,"tag":60,"props":1298,"children":1299},{"class":67},[1300],{"type":20,"value":248},{"type":14,"tag":60,"props":1302,"children":1303},{"class":251},[1304],{"type":20,"value":1305},"\"sm\"",{"type":14,"tag":60,"props":1307,"children":1308},{"class":67},[1309],{"type":20,"value":259},{"type":14,"tag":60,"props":1311,"children":1312},{"class":231},[1313],{"type":20,"value":234},{"type":14,"tag":60,"props":1315,"children":1316},{"class":67},[1317],{"type":20,"value":81},{"type":14,"tag":60,"props":1319,"children":1320},{"class":62,"line":270},[1321],{"type":14,"tag":60,"props":1322,"children":1323},{},[1324],{"type":20,"value":993},{"type":14,"tag":60,"props":1326,"children":1327},{"class":62,"line":996},[1328,1332,1336,1340,1344,1348,1352,1356,1360,1364,1369,1373,1377],{"type":14,"tag":60,"props":1329,"children":1330},{"class":67},[1331],{"type":20,"value":228},{"type":14,"tag":60,"props":1333,"children":1334},{"class":231},[1335],{"type":20,"value":234},{"type":14,"tag":60,"props":1337,"children":1338},{"class":67},[1339],{"type":20,"value":96},{"type":14,"tag":60,"props":1341,"children":1342},{"class":118},[1343],{"type":20,"value":243},{"type":14,"tag":60,"props":1345,"children":1346},{"class":67},[1347],{"type":20,"value":248},{"type":14,"tag":60,"props":1349,"children":1350},{"class":251},[1351],{"type":20,"value":254},{"type":14,"tag":60,"props":1353,"children":1354},{"class":67},[1355],{"type":20,"value":96},{"type":14,"tag":60,"props":1357,"children":1358},{"class":118},[1359],{"type":20,"value":1082},{"type":14,"tag":60,"props":1361,"children":1362},{"class":67},[1363],{"type":20,"value":248},{"type":14,"tag":60,"props":1365,"children":1366},{"class":251},[1367],{"type":20,"value":1368},"\"md\"",{"type":14,"tag":60,"props":1370,"children":1371},{"class":67},[1372],{"type":20,"value":259},{"type":14,"tag":60,"props":1374,"children":1375},{"class":231},[1376],{"type":20,"value":234},{"type":14,"tag":60,"props":1378,"children":1379},{"class":67},[1380],{"type":20,"value":81},{"type":14,"tag":60,"props":1382,"children":1383},{"class":62,"line":1053},[1384],{"type":14,"tag":60,"props":1385,"children":1386},{},[1387],{"type":20,"value":993},{"type":14,"tag":60,"props":1389,"children":1391},{"class":62,"line":1390},15,[1392,1396,1400,1404,1408,1412,1416,1420,1424,1428,1433,1437,1441],{"type":14,"tag":60,"props":1393,"children":1394},{"class":67},[1395],{"type":20,"value":228},{"type":14,"tag":60,"props":1397,"children":1398},{"class":231},[1399],{"type":20,"value":234},{"type":14,"tag":60,"props":1401,"children":1402},{"class":67},[1403],{"type":20,"value":96},{"type":14,"tag":60,"props":1405,"children":1406},{"class":118},[1407],{"type":20,"value":243},{"type":14,"tag":60,"props":1409,"children":1410},{"class":67},[1411],{"type":20,"value":248},{"type":14,"tag":60,"props":1413,"children":1414},{"class":251},[1415],{"type":20,"value":254},{"type":14,"tag":60,"props":1417,"children":1418},{"class":67},[1419],{"type":20,"value":96},{"type":14,"tag":60,"props":1421,"children":1422},{"class":118},[1423],{"type":20,"value":1082},{"type":14,"tag":60,"props":1425,"children":1426},{"class":67},[1427],{"type":20,"value":248},{"type":14,"tag":60,"props":1429,"children":1430},{"class":251},[1431],{"type":20,"value":1432},"\"lg\"",{"type":14,"tag":60,"props":1434,"children":1435},{"class":67},[1436],{"type":20,"value":259},{"type":14,"tag":60,"props":1438,"children":1439},{"class":231},[1440],{"type":20,"value":234},{"type":14,"tag":60,"props":1442,"children":1443},{"class":67},[1444],{"type":20,"value":81},{"type":14,"tag":60,"props":1446,"children":1448},{"class":62,"line":1447},16,[1449,1453,1457],{"type":14,"tag":60,"props":1450,"children":1451},{"class":67},[1452],{"type":20,"value":195},{"type":14,"tag":60,"props":1454,"children":1455},{"class":73},[1456],{"type":20,"value":33},{"type":14,"tag":60,"props":1458,"children":1459},{"class":67},[1460],{"type":20,"value":284},{"type":14,"tag":293,"props":1462,"children":1463},{},[1464,1466,1470,1472,1477,1479,1483],{"type":20,"value":1465},"Applying the size ",{"type":14,"tag":299,"props":1467,"children":1468},{},[1469],{"type":20,"value":1082},{"type":20,"value":1471}," property to an ",{"type":14,"tag":299,"props":1473,"children":1474},{},[1475],{"type":20,"value":1476},"IFormGroup",{"type":20,"value":1478}," will also set the chosen size to all of its ",{"type":14,"tag":299,"props":1480,"children":1481},{},[1482],{"type":20,"value":234},{"type":20,"value":1484}," inputs.",{"type":14,"tag":286,"props":1486,"children":1488},{"id":1487},"props",[1489],{"type":20,"value":1490},"Props",{"type":14,"tag":1492,"props":1493,"children":1494},"content-component-props",{"component":234},[],{"type":14,"tag":286,"props":1496,"children":1498},{"id":1497},"slots",[1499],{"type":20,"value":1500},"Slots",{"type":14,"tag":1502,"props":1503,"children":1504},"content-component-slots",{"component":234},[],{"type":14,"tag":286,"props":1506,"children":1508},{"id":1507},"events",[1509],{"type":20,"value":1510},"Events",{"type":14,"tag":1512,"props":1513,"children":1514},"content-component-events",{"component":234},[],{"type":14,"tag":286,"props":1516,"children":1518},{"id":1517},"design-tokens",[1519],{"type":20,"value":1520},"Design Tokens",{"type":14,"tag":1522,"props":1523,"children":1524},"content-component-design-tokens",{"component":234},[],{"type":14,"tag":1526,"children":1527},"style",[1528],{"type":20,"value":1529},".ct-553616{color:#24292E;}\n.dark-theme .ct-553616{color:#E1E4E8;}\n.ct-914029{color:#22863A;}\n.dark-theme .ct-914029{color:#85E89D;}\n.ct-149352{color:#D73A49;}\n.dark-theme .ct-149352{color:#F97583;}\n.ct-762058{color:#6F42C1;}\n.dark-theme .ct-762058{color:#B392F0;}\n.ct-617022{color:#005CC5;}\n.dark-theme .ct-617022{color:#79B8FF;}\n.ct-028869{color:#B31D28;font-style:italic;}\n.dark-theme .ct-028869{color:#FDAEB7;font-style:italic;}\n.ct-952708{color:#032F62;}\n.dark-theme .ct-952708{color:#9ECBFF;}",{"title":7,"searchDepth":84,"depth":84,"links":1531},[1532],{"id":25,"depth":84,"text":9,"children":1533},[1534,1535,1536,1537,1538,1539,1540,1541],{"id":288,"depth":109,"text":291},{"id":521,"depth":109,"text":524},{"id":750,"depth":109,"text":753},{"id":1069,"depth":109,"text":1072},{"id":1487,"depth":109,"text":1490},{"id":1497,"depth":109,"text":1500},{"id":1507,"depth":109,"text":1510},{"id":1517,"depth":109,"text":1520},"markdown","content:docs:forms:components:toggle.md","content","docs/forms/components/toggle.md",1794582260459]