[{"data":1,"prerenderedAt":5900},["Reactive",2],{"content-query-4C0K9sdjyw":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":5896,"_id":5897,"_source":5898,"_file":5899,"_extension":1800},"/docs/forms/components/checkbox-buttons","components",false,"","Checkbox Buttons - Inkline","Checkbox buttons group inputs allow the user to select multiple options from a set using a group of buttons.",{"type":11,"children":12,"toc":5881},"root",[13,22,28,42,487,494,506,887,893,903,1284,1290,1316,1771,1777,1816,1821,2340,2346,2375,2829,2835,2851,2904,3182,3200,3206,3213,3225,3663,3669,3681,4198,4204,4216,4859,4865,4882,5423,5429,5444,5836,5841,5845,5851,5855,5861,5865,5871,5876],{"type":14,"tag":15,"props":16,"children":18},"element","h1",{"id":17},"checkbox-buttons",[19],{"type":20,"value":21},"text","Checkbox Buttons",{"type":14,"tag":23,"props":24,"children":26},"h2",{"id":25},"checkbox-buttons-group-inputs-allow-the-user-to-select-multiple-options-from-a-set-using-a-group-of-buttons",[27],{"type":20,"value":9},{"type":14,"tag":29,"props":30,"children":31},"p",{},[32,34,40],{"type":20,"value":33},"The ",{"type":14,"tag":35,"props":36,"children":37},"code-inline",{},[38],{"type":20,"value":39},"ICheckboxButtons",{"type":20,"value":41}," component allows you to control multiple selected values using a single binding.",{"type":14,"tag":43,"props":44,"children":45},"content-tabs",{},[46,55],{"type":14,"tag":47,"props":48,"children":49},"template",{"v-slot:preview":7},[50],{"type":14,"tag":51,"props":52,"children":54},"content-preview",{"src":53},"/components/ICheckboxButtons/examples/basic",[],{"type":14,"tag":47,"props":56,"children":57},{"v-slot:vue":7},[58],{"type":14,"tag":59,"props":60,"children":65},"code",{"className":61,"code":63,"language":64,"meta":7},[62],"language-vue","\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\n\nconst checked = ref(['apple']);\nconst options = ref([\n    { id: 'apple', label: 'Apple' },\n    { id: 'banana', label: 'Banana' },\n    { id: 'strawberry', label: 'Strawberry' },\n    { id: 'mango', label: 'Mango' }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n    \u003CICheckboxButtons v-model=\"checked\" :options=\"options\" />\n\u003C/template>\n\n","vue",[66],{"type":14,"tag":67,"props":68,"children":69},"pre",{},[70],{"type":14,"tag":59,"props":71,"children":72},{"__ignoreMap":7},[73,127,161,170,221,259,287,313,339,366,374,391,399,415,470],{"type":14,"tag":74,"props":75,"children":78},"span",{"class":76,"line":77},"line",1,[79,85,91,96,102,107,113,117,122],{"type":14,"tag":74,"props":80,"children":82},{"class":81},"ct-553616",[83],{"type":20,"value":84},"\u003C",{"type":14,"tag":74,"props":86,"children":88},{"class":87},"ct-914029",[89],{"type":20,"value":90},"script",{"type":14,"tag":74,"props":92,"children":93},{"class":81},[94],{"type":20,"value":95}," ",{"type":14,"tag":74,"props":97,"children":99},{"class":98},"ct-762058",[100],{"type":20,"value":101},"lang",{"type":14,"tag":74,"props":103,"children":104},{"class":81},[105],{"type":20,"value":106},"=",{"type":14,"tag":74,"props":108,"children":110},{"class":109},"ct-952708",[111],{"type":20,"value":112},"\"ts\"",{"type":14,"tag":74,"props":114,"children":115},{"class":81},[116],{"type":20,"value":95},{"type":14,"tag":74,"props":118,"children":119},{"class":98},[120],{"type":20,"value":121},"setup",{"type":14,"tag":74,"props":123,"children":124},{"class":81},[125],{"type":20,"value":126},">\n",{"type":14,"tag":74,"props":128,"children":130},{"class":76,"line":129},2,[131,137,142,147,151,156],{"type":14,"tag":74,"props":132,"children":134},{"class":133},"ct-149352",[135],{"type":20,"value":136},"import",{"type":14,"tag":74,"props":138,"children":139},{"class":81},[140],{"type":20,"value":141}," { ref } ",{"type":14,"tag":74,"props":143,"children":144},{"class":133},[145],{"type":20,"value":146},"from",{"type":14,"tag":74,"props":148,"children":149},{"class":81},[150],{"type":20,"value":95},{"type":14,"tag":74,"props":152,"children":153},{"class":109},[154],{"type":20,"value":155},"'vue'",{"type":14,"tag":74,"props":157,"children":158},{"class":81},[159],{"type":20,"value":160},";\n",{"type":14,"tag":74,"props":162,"children":164},{"class":76,"line":163},3,[165],{"type":14,"tag":74,"props":166,"children":167},{},[168],{"type":20,"value":169},"\n",{"type":14,"tag":74,"props":171,"children":173},{"class":76,"line":172},4,[174,179,183,189,193,197,201,206,211,216],{"type":14,"tag":74,"props":175,"children":176},{"class":133},[177],{"type":20,"value":178},"const",{"type":14,"tag":74,"props":180,"children":181},{"class":81},[182],{"type":20,"value":95},{"type":14,"tag":74,"props":184,"children":186},{"class":185},"ct-617022",[187],{"type":20,"value":188},"checked",{"type":14,"tag":74,"props":190,"children":191},{"class":81},[192],{"type":20,"value":95},{"type":14,"tag":74,"props":194,"children":195},{"class":133},[196],{"type":20,"value":106},{"type":14,"tag":74,"props":198,"children":199},{"class":81},[200],{"type":20,"value":95},{"type":14,"tag":74,"props":202,"children":203},{"class":98},[204],{"type":20,"value":205},"ref",{"type":14,"tag":74,"props":207,"children":208},{"class":81},[209],{"type":20,"value":210},"([",{"type":14,"tag":74,"props":212,"children":213},{"class":109},[214],{"type":20,"value":215},"'apple'",{"type":14,"tag":74,"props":217,"children":218},{"class":81},[219],{"type":20,"value":220},"]);\n",{"type":14,"tag":74,"props":222,"children":224},{"class":76,"line":223},5,[225,229,233,238,242,246,250,254],{"type":14,"tag":74,"props":226,"children":227},{"class":133},[228],{"type":20,"value":178},{"type":14,"tag":74,"props":230,"children":231},{"class":81},[232],{"type":20,"value":95},{"type":14,"tag":74,"props":234,"children":235},{"class":185},[236],{"type":20,"value":237},"options",{"type":14,"tag":74,"props":239,"children":240},{"class":81},[241],{"type":20,"value":95},{"type":14,"tag":74,"props":243,"children":244},{"class":133},[245],{"type":20,"value":106},{"type":14,"tag":74,"props":247,"children":248},{"class":81},[249],{"type":20,"value":95},{"type":14,"tag":74,"props":251,"children":252},{"class":98},[253],{"type":20,"value":205},{"type":14,"tag":74,"props":255,"children":256},{"class":81},[257],{"type":20,"value":258},"([\n",{"type":14,"tag":74,"props":260,"children":262},{"class":76,"line":261},6,[263,268,272,277,282],{"type":14,"tag":74,"props":264,"children":265},{"class":81},[266],{"type":20,"value":267},"    { id: ",{"type":14,"tag":74,"props":269,"children":270},{"class":109},[271],{"type":20,"value":215},{"type":14,"tag":74,"props":273,"children":274},{"class":81},[275],{"type":20,"value":276},", label: ",{"type":14,"tag":74,"props":278,"children":279},{"class":109},[280],{"type":20,"value":281},"'Apple'",{"type":14,"tag":74,"props":283,"children":284},{"class":81},[285],{"type":20,"value":286}," },\n",{"type":14,"tag":74,"props":288,"children":290},{"class":76,"line":289},7,[291,295,300,304,309],{"type":14,"tag":74,"props":292,"children":293},{"class":81},[294],{"type":20,"value":267},{"type":14,"tag":74,"props":296,"children":297},{"class":109},[298],{"type":20,"value":299},"'banana'",{"type":14,"tag":74,"props":301,"children":302},{"class":81},[303],{"type":20,"value":276},{"type":14,"tag":74,"props":305,"children":306},{"class":109},[307],{"type":20,"value":308},"'Banana'",{"type":14,"tag":74,"props":310,"children":311},{"class":81},[312],{"type":20,"value":286},{"type":14,"tag":74,"props":314,"children":316},{"class":76,"line":315},8,[317,321,326,330,335],{"type":14,"tag":74,"props":318,"children":319},{"class":81},[320],{"type":20,"value":267},{"type":14,"tag":74,"props":322,"children":323},{"class":109},[324],{"type":20,"value":325},"'strawberry'",{"type":14,"tag":74,"props":327,"children":328},{"class":81},[329],{"type":20,"value":276},{"type":14,"tag":74,"props":331,"children":332},{"class":109},[333],{"type":20,"value":334},"'Strawberry'",{"type":14,"tag":74,"props":336,"children":337},{"class":81},[338],{"type":20,"value":286},{"type":14,"tag":74,"props":340,"children":342},{"class":76,"line":341},9,[343,347,352,356,361],{"type":14,"tag":74,"props":344,"children":345},{"class":81},[346],{"type":20,"value":267},{"type":14,"tag":74,"props":348,"children":349},{"class":109},[350],{"type":20,"value":351},"'mango'",{"type":14,"tag":74,"props":353,"children":354},{"class":81},[355],{"type":20,"value":276},{"type":14,"tag":74,"props":357,"children":358},{"class":109},[359],{"type":20,"value":360},"'Mango'",{"type":14,"tag":74,"props":362,"children":363},{"class":81},[364],{"type":20,"value":365}," }\n",{"type":14,"tag":74,"props":367,"children":369},{"class":76,"line":368},10,[370],{"type":14,"tag":74,"props":371,"children":372},{"class":81},[373],{"type":20,"value":220},{"type":14,"tag":74,"props":375,"children":377},{"class":76,"line":376},11,[378,383,387],{"type":14,"tag":74,"props":379,"children":380},{"class":81},[381],{"type":20,"value":382},"\u003C/",{"type":14,"tag":74,"props":384,"children":385},{"class":87},[386],{"type":20,"value":90},{"type":14,"tag":74,"props":388,"children":389},{"class":81},[390],{"type":20,"value":126},{"type":14,"tag":74,"props":392,"children":394},{"class":76,"line":393},12,[395],{"type":14,"tag":74,"props":396,"children":397},{},[398],{"type":20,"value":169},{"type":14,"tag":74,"props":400,"children":402},{"class":76,"line":401},13,[403,407,411],{"type":14,"tag":74,"props":404,"children":405},{"class":81},[406],{"type":20,"value":84},{"type":14,"tag":74,"props":408,"children":409},{"class":87},[410],{"type":20,"value":47},{"type":14,"tag":74,"props":412,"children":413},{"class":81},[414],{"type":20,"value":126},{"type":14,"tag":74,"props":416,"children":418},{"class":76,"line":417},14,[419,424,429,433,438,442,447,451,456,460,465],{"type":14,"tag":74,"props":420,"children":421},{"class":81},[422],{"type":20,"value":423},"    \u003C",{"type":14,"tag":74,"props":425,"children":427},{"class":426},"ct-028869",[428],{"type":20,"value":39},{"type":14,"tag":74,"props":430,"children":431},{"class":81},[432],{"type":20,"value":95},{"type":14,"tag":74,"props":434,"children":435},{"class":98},[436],{"type":20,"value":437},"v-model",{"type":14,"tag":74,"props":439,"children":440},{"class":81},[441],{"type":20,"value":106},{"type":14,"tag":74,"props":443,"children":444},{"class":109},[445],{"type":20,"value":446},"\"checked\"",{"type":14,"tag":74,"props":448,"children":449},{"class":81},[450],{"type":20,"value":95},{"type":14,"tag":74,"props":452,"children":453},{"class":98},[454],{"type":20,"value":455},":options",{"type":14,"tag":74,"props":457,"children":458},{"class":81},[459],{"type":20,"value":106},{"type":14,"tag":74,"props":461,"children":462},{"class":109},[463],{"type":20,"value":464},"\"options\"",{"type":14,"tag":74,"props":466,"children":467},{"class":81},[468],{"type":20,"value":469}," />\n",{"type":14,"tag":74,"props":471,"children":473},{"class":76,"line":472},15,[474,478,482],{"type":14,"tag":74,"props":475,"children":476},{"class":81},[477],{"type":20,"value":382},{"type":14,"tag":74,"props":479,"children":480},{"class":87},[481],{"type":20,"value":47},{"type":14,"tag":74,"props":483,"children":484},{"class":81},[485],{"type":20,"value":486},">",{"type":14,"tag":488,"props":489,"children":491},"h3",{"id":490},"disabled-state",[492],{"type":20,"value":493},"Disabled State",{"type":14,"tag":29,"props":495,"children":496},{},[497,499,504],{"type":20,"value":498},"You can disable an entire checkbox buttons group using the ",{"type":14,"tag":35,"props":500,"children":501},{},[502],{"type":20,"value":503},"disabled",{"type":20,"value":505}," property.",{"type":14,"tag":43,"props":507,"children":508},{},[509,516],{"type":14,"tag":47,"props":510,"children":511},{"v-slot:preview":7},[512],{"type":14,"tag":51,"props":513,"children":515},{"src":514},"/components/ICheckboxButtons/examples/disabled",[],{"type":14,"tag":47,"props":517,"children":518},{"v-slot:vue":7},[519],{"type":14,"tag":59,"props":520,"children":523},{"className":521,"code":522,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\n\nconst checked = ref(['apple']);\nconst options = ref([\n    { id: 'apple', label: 'Apple' },\n    { id: 'banana', label: 'Banana' },\n    { id: 'strawberry', label: 'Strawberry' },\n    { id: 'mango', label: 'Mango' }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n    \u003CICheckboxButtons v-model=\"checked\" :options=\"options\" disabled />\n\u003C/template>\n\n",[524],{"type":14,"tag":67,"props":525,"children":526},{},[527],{"type":14,"tag":59,"props":528,"children":529},{"__ignoreMap":7},[530,569,596,603,646,681,704,727,750,773,780,795,802,817,872],{"type":14,"tag":74,"props":531,"children":532},{"class":76,"line":77},[533,537,541,545,549,553,557,561,565],{"type":14,"tag":74,"props":534,"children":535},{"class":81},[536],{"type":20,"value":84},{"type":14,"tag":74,"props":538,"children":539},{"class":87},[540],{"type":20,"value":90},{"type":14,"tag":74,"props":542,"children":543},{"class":81},[544],{"type":20,"value":95},{"type":14,"tag":74,"props":546,"children":547},{"class":98},[548],{"type":20,"value":101},{"type":14,"tag":74,"props":550,"children":551},{"class":81},[552],{"type":20,"value":106},{"type":14,"tag":74,"props":554,"children":555},{"class":109},[556],{"type":20,"value":112},{"type":14,"tag":74,"props":558,"children":559},{"class":81},[560],{"type":20,"value":95},{"type":14,"tag":74,"props":562,"children":563},{"class":98},[564],{"type":20,"value":121},{"type":14,"tag":74,"props":566,"children":567},{"class":81},[568],{"type":20,"value":126},{"type":14,"tag":74,"props":570,"children":571},{"class":76,"line":129},[572,576,580,584,588,592],{"type":14,"tag":74,"props":573,"children":574},{"class":133},[575],{"type":20,"value":136},{"type":14,"tag":74,"props":577,"children":578},{"class":81},[579],{"type":20,"value":141},{"type":14,"tag":74,"props":581,"children":582},{"class":133},[583],{"type":20,"value":146},{"type":14,"tag":74,"props":585,"children":586},{"class":81},[587],{"type":20,"value":95},{"type":14,"tag":74,"props":589,"children":590},{"class":109},[591],{"type":20,"value":155},{"type":14,"tag":74,"props":593,"children":594},{"class":81},[595],{"type":20,"value":160},{"type":14,"tag":74,"props":597,"children":598},{"class":76,"line":163},[599],{"type":14,"tag":74,"props":600,"children":601},{},[602],{"type":20,"value":169},{"type":14,"tag":74,"props":604,"children":605},{"class":76,"line":172},[606,610,614,618,622,626,630,634,638,642],{"type":14,"tag":74,"props":607,"children":608},{"class":133},[609],{"type":20,"value":178},{"type":14,"tag":74,"props":611,"children":612},{"class":81},[613],{"type":20,"value":95},{"type":14,"tag":74,"props":615,"children":616},{"class":185},[617],{"type":20,"value":188},{"type":14,"tag":74,"props":619,"children":620},{"class":81},[621],{"type":20,"value":95},{"type":14,"tag":74,"props":623,"children":624},{"class":133},[625],{"type":20,"value":106},{"type":14,"tag":74,"props":627,"children":628},{"class":81},[629],{"type":20,"value":95},{"type":14,"tag":74,"props":631,"children":632},{"class":98},[633],{"type":20,"value":205},{"type":14,"tag":74,"props":635,"children":636},{"class":81},[637],{"type":20,"value":210},{"type":14,"tag":74,"props":639,"children":640},{"class":109},[641],{"type":20,"value":215},{"type":14,"tag":74,"props":643,"children":644},{"class":81},[645],{"type":20,"value":220},{"type":14,"tag":74,"props":647,"children":648},{"class":76,"line":223},[649,653,657,661,665,669,673,677],{"type":14,"tag":74,"props":650,"children":651},{"class":133},[652],{"type":20,"value":178},{"type":14,"tag":74,"props":654,"children":655},{"class":81},[656],{"type":20,"value":95},{"type":14,"tag":74,"props":658,"children":659},{"class":185},[660],{"type":20,"value":237},{"type":14,"tag":74,"props":662,"children":663},{"class":81},[664],{"type":20,"value":95},{"type":14,"tag":74,"props":666,"children":667},{"class":133},[668],{"type":20,"value":106},{"type":14,"tag":74,"props":670,"children":671},{"class":81},[672],{"type":20,"value":95},{"type":14,"tag":74,"props":674,"children":675},{"class":98},[676],{"type":20,"value":205},{"type":14,"tag":74,"props":678,"children":679},{"class":81},[680],{"type":20,"value":258},{"type":14,"tag":74,"props":682,"children":683},{"class":76,"line":261},[684,688,692,696,700],{"type":14,"tag":74,"props":685,"children":686},{"class":81},[687],{"type":20,"value":267},{"type":14,"tag":74,"props":689,"children":690},{"class":109},[691],{"type":20,"value":215},{"type":14,"tag":74,"props":693,"children":694},{"class":81},[695],{"type":20,"value":276},{"type":14,"tag":74,"props":697,"children":698},{"class":109},[699],{"type":20,"value":281},{"type":14,"tag":74,"props":701,"children":702},{"class":81},[703],{"type":20,"value":286},{"type":14,"tag":74,"props":705,"children":706},{"class":76,"line":289},[707,711,715,719,723],{"type":14,"tag":74,"props":708,"children":709},{"class":81},[710],{"type":20,"value":267},{"type":14,"tag":74,"props":712,"children":713},{"class":109},[714],{"type":20,"value":299},{"type":14,"tag":74,"props":716,"children":717},{"class":81},[718],{"type":20,"value":276},{"type":14,"tag":74,"props":720,"children":721},{"class":109},[722],{"type":20,"value":308},{"type":14,"tag":74,"props":724,"children":725},{"class":81},[726],{"type":20,"value":286},{"type":14,"tag":74,"props":728,"children":729},{"class":76,"line":315},[730,734,738,742,746],{"type":14,"tag":74,"props":731,"children":732},{"class":81},[733],{"type":20,"value":267},{"type":14,"tag":74,"props":735,"children":736},{"class":109},[737],{"type":20,"value":325},{"type":14,"tag":74,"props":739,"children":740},{"class":81},[741],{"type":20,"value":276},{"type":14,"tag":74,"props":743,"children":744},{"class":109},[745],{"type":20,"value":334},{"type":14,"tag":74,"props":747,"children":748},{"class":81},[749],{"type":20,"value":286},{"type":14,"tag":74,"props":751,"children":752},{"class":76,"line":341},[753,757,761,765,769],{"type":14,"tag":74,"props":754,"children":755},{"class":81},[756],{"type":20,"value":267},{"type":14,"tag":74,"props":758,"children":759},{"class":109},[760],{"type":20,"value":351},{"type":14,"tag":74,"props":762,"children":763},{"class":81},[764],{"type":20,"value":276},{"type":14,"tag":74,"props":766,"children":767},{"class":109},[768],{"type":20,"value":360},{"type":14,"tag":74,"props":770,"children":771},{"class":81},[772],{"type":20,"value":365},{"type":14,"tag":74,"props":774,"children":775},{"class":76,"line":368},[776],{"type":14,"tag":74,"props":777,"children":778},{"class":81},[779],{"type":20,"value":220},{"type":14,"tag":74,"props":781,"children":782},{"class":76,"line":376},[783,787,791],{"type":14,"tag":74,"props":784,"children":785},{"class":81},[786],{"type":20,"value":382},{"type":14,"tag":74,"props":788,"children":789},{"class":87},[790],{"type":20,"value":90},{"type":14,"tag":74,"props":792,"children":793},{"class":81},[794],{"type":20,"value":126},{"type":14,"tag":74,"props":796,"children":797},{"class":76,"line":393},[798],{"type":14,"tag":74,"props":799,"children":800},{},[801],{"type":20,"value":169},{"type":14,"tag":74,"props":803,"children":804},{"class":76,"line":401},[805,809,813],{"type":14,"tag":74,"props":806,"children":807},{"class":81},[808],{"type":20,"value":84},{"type":14,"tag":74,"props":810,"children":811},{"class":87},[812],{"type":20,"value":47},{"type":14,"tag":74,"props":814,"children":815},{"class":81},[816],{"type":20,"value":126},{"type":14,"tag":74,"props":818,"children":819},{"class":76,"line":417},[820,824,828,832,836,840,844,848,852,856,860,864,868],{"type":14,"tag":74,"props":821,"children":822},{"class":81},[823],{"type":20,"value":423},{"type":14,"tag":74,"props":825,"children":826},{"class":426},[827],{"type":20,"value":39},{"type":14,"tag":74,"props":829,"children":830},{"class":81},[831],{"type":20,"value":95},{"type":14,"tag":74,"props":833,"children":834},{"class":98},[835],{"type":20,"value":437},{"type":14,"tag":74,"props":837,"children":838},{"class":81},[839],{"type":20,"value":106},{"type":14,"tag":74,"props":841,"children":842},{"class":109},[843],{"type":20,"value":446},{"type":14,"tag":74,"props":845,"children":846},{"class":81},[847],{"type":20,"value":95},{"type":14,"tag":74,"props":849,"children":850},{"class":98},[851],{"type":20,"value":455},{"type":14,"tag":74,"props":853,"children":854},{"class":81},[855],{"type":20,"value":106},{"type":14,"tag":74,"props":857,"children":858},{"class":109},[859],{"type":20,"value":464},{"type":14,"tag":74,"props":861,"children":862},{"class":81},[863],{"type":20,"value":95},{"type":14,"tag":74,"props":865,"children":866},{"class":98},[867],{"type":20,"value":503},{"type":14,"tag":74,"props":869,"children":870},{"class":81},[871],{"type":20,"value":469},{"type":14,"tag":74,"props":873,"children":874},{"class":76,"line":472},[875,879,883],{"type":14,"tag":74,"props":876,"children":877},{"class":81},[878],{"type":20,"value":382},{"type":14,"tag":74,"props":880,"children":881},{"class":87},[882],{"type":20,"value":47},{"type":14,"tag":74,"props":884,"children":885},{"class":81},[886],{"type":20,"value":486},{"type":14,"tag":488,"props":888,"children":890},{"id":889},"readonly-state",[891],{"type":20,"value":892},"Readonly State",{"type":14,"tag":29,"props":894,"children":895},{},[896,897,902],{"type":20,"value":498},{"type":14,"tag":35,"props":898,"children":899},{},[900],{"type":20,"value":901},"readonly",{"type":20,"value":505},{"type":14,"tag":43,"props":904,"children":905},{},[906,913],{"type":14,"tag":47,"props":907,"children":908},{"v-slot:preview":7},[909],{"type":14,"tag":51,"props":910,"children":912},{"src":911},"/components/ICheckboxButtons/examples/readonly",[],{"type":14,"tag":47,"props":914,"children":915},{"v-slot:vue":7},[916],{"type":14,"tag":59,"props":917,"children":920},{"className":918,"code":919,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\n\nconst checked = ref(['strawberry']);\nconst options = ref([\n    { id: 'apple', label: 'Apple' },\n    { id: 'banana', label: 'Banana' },\n    { id: 'strawberry', label: 'Strawberry' },\n    { id: 'mango', label: 'Mango' }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n    \u003CICheckboxButtons v-model=\"checked\" :options=\"options\" readonly />\n\u003C/template>\n\n",[921],{"type":14,"tag":67,"props":922,"children":923},{},[924],{"type":14,"tag":59,"props":925,"children":926},{"__ignoreMap":7},[927,966,993,1000,1043,1078,1101,1124,1147,1170,1177,1192,1199,1214,1269],{"type":14,"tag":74,"props":928,"children":929},{"class":76,"line":77},[930,934,938,942,946,950,954,958,962],{"type":14,"tag":74,"props":931,"children":932},{"class":81},[933],{"type":20,"value":84},{"type":14,"tag":74,"props":935,"children":936},{"class":87},[937],{"type":20,"value":90},{"type":14,"tag":74,"props":939,"children":940},{"class":81},[941],{"type":20,"value":95},{"type":14,"tag":74,"props":943,"children":944},{"class":98},[945],{"type":20,"value":101},{"type":14,"tag":74,"props":947,"children":948},{"class":81},[949],{"type":20,"value":106},{"type":14,"tag":74,"props":951,"children":952},{"class":109},[953],{"type":20,"value":112},{"type":14,"tag":74,"props":955,"children":956},{"class":81},[957],{"type":20,"value":95},{"type":14,"tag":74,"props":959,"children":960},{"class":98},[961],{"type":20,"value":121},{"type":14,"tag":74,"props":963,"children":964},{"class":81},[965],{"type":20,"value":126},{"type":14,"tag":74,"props":967,"children":968},{"class":76,"line":129},[969,973,977,981,985,989],{"type":14,"tag":74,"props":970,"children":971},{"class":133},[972],{"type":20,"value":136},{"type":14,"tag":74,"props":974,"children":975},{"class":81},[976],{"type":20,"value":141},{"type":14,"tag":74,"props":978,"children":979},{"class":133},[980],{"type":20,"value":146},{"type":14,"tag":74,"props":982,"children":983},{"class":81},[984],{"type":20,"value":95},{"type":14,"tag":74,"props":986,"children":987},{"class":109},[988],{"type":20,"value":155},{"type":14,"tag":74,"props":990,"children":991},{"class":81},[992],{"type":20,"value":160},{"type":14,"tag":74,"props":994,"children":995},{"class":76,"line":163},[996],{"type":14,"tag":74,"props":997,"children":998},{},[999],{"type":20,"value":169},{"type":14,"tag":74,"props":1001,"children":1002},{"class":76,"line":172},[1003,1007,1011,1015,1019,1023,1027,1031,1035,1039],{"type":14,"tag":74,"props":1004,"children":1005},{"class":133},[1006],{"type":20,"value":178},{"type":14,"tag":74,"props":1008,"children":1009},{"class":81},[1010],{"type":20,"value":95},{"type":14,"tag":74,"props":1012,"children":1013},{"class":185},[1014],{"type":20,"value":188},{"type":14,"tag":74,"props":1016,"children":1017},{"class":81},[1018],{"type":20,"value":95},{"type":14,"tag":74,"props":1020,"children":1021},{"class":133},[1022],{"type":20,"value":106},{"type":14,"tag":74,"props":1024,"children":1025},{"class":81},[1026],{"type":20,"value":95},{"type":14,"tag":74,"props":1028,"children":1029},{"class":98},[1030],{"type":20,"value":205},{"type":14,"tag":74,"props":1032,"children":1033},{"class":81},[1034],{"type":20,"value":210},{"type":14,"tag":74,"props":1036,"children":1037},{"class":109},[1038],{"type":20,"value":325},{"type":14,"tag":74,"props":1040,"children":1041},{"class":81},[1042],{"type":20,"value":220},{"type":14,"tag":74,"props":1044,"children":1045},{"class":76,"line":223},[1046,1050,1054,1058,1062,1066,1070,1074],{"type":14,"tag":74,"props":1047,"children":1048},{"class":133},[1049],{"type":20,"value":178},{"type":14,"tag":74,"props":1051,"children":1052},{"class":81},[1053],{"type":20,"value":95},{"type":14,"tag":74,"props":1055,"children":1056},{"class":185},[1057],{"type":20,"value":237},{"type":14,"tag":74,"props":1059,"children":1060},{"class":81},[1061],{"type":20,"value":95},{"type":14,"tag":74,"props":1063,"children":1064},{"class":133},[1065],{"type":20,"value":106},{"type":14,"tag":74,"props":1067,"children":1068},{"class":81},[1069],{"type":20,"value":95},{"type":14,"tag":74,"props":1071,"children":1072},{"class":98},[1073],{"type":20,"value":205},{"type":14,"tag":74,"props":1075,"children":1076},{"class":81},[1077],{"type":20,"value":258},{"type":14,"tag":74,"props":1079,"children":1080},{"class":76,"line":261},[1081,1085,1089,1093,1097],{"type":14,"tag":74,"props":1082,"children":1083},{"class":81},[1084],{"type":20,"value":267},{"type":14,"tag":74,"props":1086,"children":1087},{"class":109},[1088],{"type":20,"value":215},{"type":14,"tag":74,"props":1090,"children":1091},{"class":81},[1092],{"type":20,"value":276},{"type":14,"tag":74,"props":1094,"children":1095},{"class":109},[1096],{"type":20,"value":281},{"type":14,"tag":74,"props":1098,"children":1099},{"class":81},[1100],{"type":20,"value":286},{"type":14,"tag":74,"props":1102,"children":1103},{"class":76,"line":289},[1104,1108,1112,1116,1120],{"type":14,"tag":74,"props":1105,"children":1106},{"class":81},[1107],{"type":20,"value":267},{"type":14,"tag":74,"props":1109,"children":1110},{"class":109},[1111],{"type":20,"value":299},{"type":14,"tag":74,"props":1113,"children":1114},{"class":81},[1115],{"type":20,"value":276},{"type":14,"tag":74,"props":1117,"children":1118},{"class":109},[1119],{"type":20,"value":308},{"type":14,"tag":74,"props":1121,"children":1122},{"class":81},[1123],{"type":20,"value":286},{"type":14,"tag":74,"props":1125,"children":1126},{"class":76,"line":315},[1127,1131,1135,1139,1143],{"type":14,"tag":74,"props":1128,"children":1129},{"class":81},[1130],{"type":20,"value":267},{"type":14,"tag":74,"props":1132,"children":1133},{"class":109},[1134],{"type":20,"value":325},{"type":14,"tag":74,"props":1136,"children":1137},{"class":81},[1138],{"type":20,"value":276},{"type":14,"tag":74,"props":1140,"children":1141},{"class":109},[1142],{"type":20,"value":334},{"type":14,"tag":74,"props":1144,"children":1145},{"class":81},[1146],{"type":20,"value":286},{"type":14,"tag":74,"props":1148,"children":1149},{"class":76,"line":341},[1150,1154,1158,1162,1166],{"type":14,"tag":74,"props":1151,"children":1152},{"class":81},[1153],{"type":20,"value":267},{"type":14,"tag":74,"props":1155,"children":1156},{"class":109},[1157],{"type":20,"value":351},{"type":14,"tag":74,"props":1159,"children":1160},{"class":81},[1161],{"type":20,"value":276},{"type":14,"tag":74,"props":1163,"children":1164},{"class":109},[1165],{"type":20,"value":360},{"type":14,"tag":74,"props":1167,"children":1168},{"class":81},[1169],{"type":20,"value":365},{"type":14,"tag":74,"props":1171,"children":1172},{"class":76,"line":368},[1173],{"type":14,"tag":74,"props":1174,"children":1175},{"class":81},[1176],{"type":20,"value":220},{"type":14,"tag":74,"props":1178,"children":1179},{"class":76,"line":376},[1180,1184,1188],{"type":14,"tag":74,"props":1181,"children":1182},{"class":81},[1183],{"type":20,"value":382},{"type":14,"tag":74,"props":1185,"children":1186},{"class":87},[1187],{"type":20,"value":90},{"type":14,"tag":74,"props":1189,"children":1190},{"class":81},[1191],{"type":20,"value":126},{"type":14,"tag":74,"props":1193,"children":1194},{"class":76,"line":393},[1195],{"type":14,"tag":74,"props":1196,"children":1197},{},[1198],{"type":20,"value":169},{"type":14,"tag":74,"props":1200,"children":1201},{"class":76,"line":401},[1202,1206,1210],{"type":14,"tag":74,"props":1203,"children":1204},{"class":81},[1205],{"type":20,"value":84},{"type":14,"tag":74,"props":1207,"children":1208},{"class":87},[1209],{"type":20,"value":47},{"type":14,"tag":74,"props":1211,"children":1212},{"class":81},[1213],{"type":20,"value":126},{"type":14,"tag":74,"props":1215,"children":1216},{"class":76,"line":417},[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265],{"type":14,"tag":74,"props":1218,"children":1219},{"class":81},[1220],{"type":20,"value":423},{"type":14,"tag":74,"props":1222,"children":1223},{"class":426},[1224],{"type":20,"value":39},{"type":14,"tag":74,"props":1226,"children":1227},{"class":81},[1228],{"type":20,"value":95},{"type":14,"tag":74,"props":1230,"children":1231},{"class":98},[1232],{"type":20,"value":437},{"type":14,"tag":74,"props":1234,"children":1235},{"class":81},[1236],{"type":20,"value":106},{"type":14,"tag":74,"props":1238,"children":1239},{"class":109},[1240],{"type":20,"value":446},{"type":14,"tag":74,"props":1242,"children":1243},{"class":81},[1244],{"type":20,"value":95},{"type":14,"tag":74,"props":1246,"children":1247},{"class":98},[1248],{"type":20,"value":455},{"type":14,"tag":74,"props":1250,"children":1251},{"class":81},[1252],{"type":20,"value":106},{"type":14,"tag":74,"props":1254,"children":1255},{"class":109},[1256],{"type":20,"value":464},{"type":14,"tag":74,"props":1258,"children":1259},{"class":81},[1260],{"type":20,"value":95},{"type":14,"tag":74,"props":1262,"children":1263},{"class":98},[1264],{"type":20,"value":901},{"type":14,"tag":74,"props":1266,"children":1267},{"class":81},[1268],{"type":20,"value":469},{"type":14,"tag":74,"props":1270,"children":1271},{"class":76,"line":472},[1272,1276,1280],{"type":14,"tag":74,"props":1273,"children":1274},{"class":81},[1275],{"type":20,"value":382},{"type":14,"tag":74,"props":1277,"children":1278},{"class":87},[1279],{"type":20,"value":47},{"type":14,"tag":74,"props":1281,"children":1282},{"class":81},[1283],{"type":20,"value":486},{"type":14,"tag":488,"props":1285,"children":1287},{"id":1286},"color-variants",[1288],{"type":20,"value":1289},"Color Variants",{"type":14,"tag":29,"props":1291,"children":1292},{},[1293,1295,1300,1302,1307,1309,1314],{"type":20,"value":1294},"You can use the ",{"type":14,"tag":35,"props":1296,"children":1297},{},[1298],{"type":20,"value":1299},"color",{"type":20,"value":1301}," property to set a ",{"type":14,"tag":35,"props":1303,"children":1304},{},[1305],{"type":20,"value":1306},"light",{"type":20,"value":1308}," or ",{"type":14,"tag":35,"props":1310,"children":1311},{},[1312],{"type":20,"value":1313},"dark",{"type":20,"value":1315}," color for your checkboxes.",{"type":14,"tag":43,"props":1317,"children":1318},{},[1319,1326],{"type":14,"tag":47,"props":1320,"children":1321},{"v-slot:preview":7},[1322],{"type":14,"tag":51,"props":1323,"children":1325},{"src":1324},"/components/ICheckboxButtons/examples/color-variants",[],{"type":14,"tag":47,"props":1327,"children":1328},{"v-slot:vue":7},[1329],{"type":14,"tag":59,"props":1330,"children":1333},{"className":1331,"code":1332,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\n\nconst checked = ref(['apple']);\nconst options = ref([\n    { id: 'apple', label: 'Apple' },\n    { id: 'banana', label: 'Banana' },\n    { id: 'strawberry', label: 'Strawberry' },\n    { id: 'mango', label: 'Mango' }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n    \u003CICheckboxButtons v-model=\"checked\" color=\"light\" :options=\"options\" />\n    \u003CICheckboxButtons v-model=\"checked\" color=\"dark\" :options=\"options\" />\n\u003C/template>\n\n",[1334],{"type":14,"tag":67,"props":1335,"children":1336},{},[1337],{"type":14,"tag":59,"props":1338,"children":1339},{"__ignoreMap":7},[1340,1379,1406,1413,1456,1491,1514,1537,1560,1583,1590,1605,1612,1627,1691,1755],{"type":14,"tag":74,"props":1341,"children":1342},{"class":76,"line":77},[1343,1347,1351,1355,1359,1363,1367,1371,1375],{"type":14,"tag":74,"props":1344,"children":1345},{"class":81},[1346],{"type":20,"value":84},{"type":14,"tag":74,"props":1348,"children":1349},{"class":87},[1350],{"type":20,"value":90},{"type":14,"tag":74,"props":1352,"children":1353},{"class":81},[1354],{"type":20,"value":95},{"type":14,"tag":74,"props":1356,"children":1357},{"class":98},[1358],{"type":20,"value":101},{"type":14,"tag":74,"props":1360,"children":1361},{"class":81},[1362],{"type":20,"value":106},{"type":14,"tag":74,"props":1364,"children":1365},{"class":109},[1366],{"type":20,"value":112},{"type":14,"tag":74,"props":1368,"children":1369},{"class":81},[1370],{"type":20,"value":95},{"type":14,"tag":74,"props":1372,"children":1373},{"class":98},[1374],{"type":20,"value":121},{"type":14,"tag":74,"props":1376,"children":1377},{"class":81},[1378],{"type":20,"value":126},{"type":14,"tag":74,"props":1380,"children":1381},{"class":76,"line":129},[1382,1386,1390,1394,1398,1402],{"type":14,"tag":74,"props":1383,"children":1384},{"class":133},[1385],{"type":20,"value":136},{"type":14,"tag":74,"props":1387,"children":1388},{"class":81},[1389],{"type":20,"value":141},{"type":14,"tag":74,"props":1391,"children":1392},{"class":133},[1393],{"type":20,"value":146},{"type":14,"tag":74,"props":1395,"children":1396},{"class":81},[1397],{"type":20,"value":95},{"type":14,"tag":74,"props":1399,"children":1400},{"class":109},[1401],{"type":20,"value":155},{"type":14,"tag":74,"props":1403,"children":1404},{"class":81},[1405],{"type":20,"value":160},{"type":14,"tag":74,"props":1407,"children":1408},{"class":76,"line":163},[1409],{"type":14,"tag":74,"props":1410,"children":1411},{},[1412],{"type":20,"value":169},{"type":14,"tag":74,"props":1414,"children":1415},{"class":76,"line":172},[1416,1420,1424,1428,1432,1436,1440,1444,1448,1452],{"type":14,"tag":74,"props":1417,"children":1418},{"class":133},[1419],{"type":20,"value":178},{"type":14,"tag":74,"props":1421,"children":1422},{"class":81},[1423],{"type":20,"value":95},{"type":14,"tag":74,"props":1425,"children":1426},{"class":185},[1427],{"type":20,"value":188},{"type":14,"tag":74,"props":1429,"children":1430},{"class":81},[1431],{"type":20,"value":95},{"type":14,"tag":74,"props":1433,"children":1434},{"class":133},[1435],{"type":20,"value":106},{"type":14,"tag":74,"props":1437,"children":1438},{"class":81},[1439],{"type":20,"value":95},{"type":14,"tag":74,"props":1441,"children":1442},{"class":98},[1443],{"type":20,"value":205},{"type":14,"tag":74,"props":1445,"children":1446},{"class":81},[1447],{"type":20,"value":210},{"type":14,"tag":74,"props":1449,"children":1450},{"class":109},[1451],{"type":20,"value":215},{"type":14,"tag":74,"props":1453,"children":1454},{"class":81},[1455],{"type":20,"value":220},{"type":14,"tag":74,"props":1457,"children":1458},{"class":76,"line":223},[1459,1463,1467,1471,1475,1479,1483,1487],{"type":14,"tag":74,"props":1460,"children":1461},{"class":133},[1462],{"type":20,"value":178},{"type":14,"tag":74,"props":1464,"children":1465},{"class":81},[1466],{"type":20,"value":95},{"type":14,"tag":74,"props":1468,"children":1469},{"class":185},[1470],{"type":20,"value":237},{"type":14,"tag":74,"props":1472,"children":1473},{"class":81},[1474],{"type":20,"value":95},{"type":14,"tag":74,"props":1476,"children":1477},{"class":133},[1478],{"type":20,"value":106},{"type":14,"tag":74,"props":1480,"children":1481},{"class":81},[1482],{"type":20,"value":95},{"type":14,"tag":74,"props":1484,"children":1485},{"class":98},[1486],{"type":20,"value":205},{"type":14,"tag":74,"props":1488,"children":1489},{"class":81},[1490],{"type":20,"value":258},{"type":14,"tag":74,"props":1492,"children":1493},{"class":76,"line":261},[1494,1498,1502,1506,1510],{"type":14,"tag":74,"props":1495,"children":1496},{"class":81},[1497],{"type":20,"value":267},{"type":14,"tag":74,"props":1499,"children":1500},{"class":109},[1501],{"type":20,"value":215},{"type":14,"tag":74,"props":1503,"children":1504},{"class":81},[1505],{"type":20,"value":276},{"type":14,"tag":74,"props":1507,"children":1508},{"class":109},[1509],{"type":20,"value":281},{"type":14,"tag":74,"props":1511,"children":1512},{"class":81},[1513],{"type":20,"value":286},{"type":14,"tag":74,"props":1515,"children":1516},{"class":76,"line":289},[1517,1521,1525,1529,1533],{"type":14,"tag":74,"props":1518,"children":1519},{"class":81},[1520],{"type":20,"value":267},{"type":14,"tag":74,"props":1522,"children":1523},{"class":109},[1524],{"type":20,"value":299},{"type":14,"tag":74,"props":1526,"children":1527},{"class":81},[1528],{"type":20,"value":276},{"type":14,"tag":74,"props":1530,"children":1531},{"class":109},[1532],{"type":20,"value":308},{"type":14,"tag":74,"props":1534,"children":1535},{"class":81},[1536],{"type":20,"value":286},{"type":14,"tag":74,"props":1538,"children":1539},{"class":76,"line":315},[1540,1544,1548,1552,1556],{"type":14,"tag":74,"props":1541,"children":1542},{"class":81},[1543],{"type":20,"value":267},{"type":14,"tag":74,"props":1545,"children":1546},{"class":109},[1547],{"type":20,"value":325},{"type":14,"tag":74,"props":1549,"children":1550},{"class":81},[1551],{"type":20,"value":276},{"type":14,"tag":74,"props":1553,"children":1554},{"class":109},[1555],{"type":20,"value":334},{"type":14,"tag":74,"props":1557,"children":1558},{"class":81},[1559],{"type":20,"value":286},{"type":14,"tag":74,"props":1561,"children":1562},{"class":76,"line":341},[1563,1567,1571,1575,1579],{"type":14,"tag":74,"props":1564,"children":1565},{"class":81},[1566],{"type":20,"value":267},{"type":14,"tag":74,"props":1568,"children":1569},{"class":109},[1570],{"type":20,"value":351},{"type":14,"tag":74,"props":1572,"children":1573},{"class":81},[1574],{"type":20,"value":276},{"type":14,"tag":74,"props":1576,"children":1577},{"class":109},[1578],{"type":20,"value":360},{"type":14,"tag":74,"props":1580,"children":1581},{"class":81},[1582],{"type":20,"value":365},{"type":14,"tag":74,"props":1584,"children":1585},{"class":76,"line":368},[1586],{"type":14,"tag":74,"props":1587,"children":1588},{"class":81},[1589],{"type":20,"value":220},{"type":14,"tag":74,"props":1591,"children":1592},{"class":76,"line":376},[1593,1597,1601],{"type":14,"tag":74,"props":1594,"children":1595},{"class":81},[1596],{"type":20,"value":382},{"type":14,"tag":74,"props":1598,"children":1599},{"class":87},[1600],{"type":20,"value":90},{"type":14,"tag":74,"props":1602,"children":1603},{"class":81},[1604],{"type":20,"value":126},{"type":14,"tag":74,"props":1606,"children":1607},{"class":76,"line":393},[1608],{"type":14,"tag":74,"props":1609,"children":1610},{},[1611],{"type":20,"value":169},{"type":14,"tag":74,"props":1613,"children":1614},{"class":76,"line":401},[1615,1619,1623],{"type":14,"tag":74,"props":1616,"children":1617},{"class":81},[1618],{"type":20,"value":84},{"type":14,"tag":74,"props":1620,"children":1621},{"class":87},[1622],{"type":20,"value":47},{"type":14,"tag":74,"props":1624,"children":1625},{"class":81},[1626],{"type":20,"value":126},{"type":14,"tag":74,"props":1628,"children":1629},{"class":76,"line":417},[1630,1634,1638,1642,1646,1650,1654,1658,1662,1666,1671,1675,1679,1683,1687],{"type":14,"tag":74,"props":1631,"children":1632},{"class":81},[1633],{"type":20,"value":423},{"type":14,"tag":74,"props":1635,"children":1636},{"class":426},[1637],{"type":20,"value":39},{"type":14,"tag":74,"props":1639,"children":1640},{"class":81},[1641],{"type":20,"value":95},{"type":14,"tag":74,"props":1643,"children":1644},{"class":98},[1645],{"type":20,"value":437},{"type":14,"tag":74,"props":1647,"children":1648},{"class":81},[1649],{"type":20,"value":106},{"type":14,"tag":74,"props":1651,"children":1652},{"class":109},[1653],{"type":20,"value":446},{"type":14,"tag":74,"props":1655,"children":1656},{"class":81},[1657],{"type":20,"value":95},{"type":14,"tag":74,"props":1659,"children":1660},{"class":98},[1661],{"type":20,"value":1299},{"type":14,"tag":74,"props":1663,"children":1664},{"class":81},[1665],{"type":20,"value":106},{"type":14,"tag":74,"props":1667,"children":1668},{"class":109},[1669],{"type":20,"value":1670},"\"light\"",{"type":14,"tag":74,"props":1672,"children":1673},{"class":81},[1674],{"type":20,"value":95},{"type":14,"tag":74,"props":1676,"children":1677},{"class":98},[1678],{"type":20,"value":455},{"type":14,"tag":74,"props":1680,"children":1681},{"class":81},[1682],{"type":20,"value":106},{"type":14,"tag":74,"props":1684,"children":1685},{"class":109},[1686],{"type":20,"value":464},{"type":14,"tag":74,"props":1688,"children":1689},{"class":81},[1690],{"type":20,"value":469},{"type":14,"tag":74,"props":1692,"children":1693},{"class":76,"line":472},[1694,1698,1702,1706,1710,1714,1718,1722,1726,1730,1735,1739,1743,1747,1751],{"type":14,"tag":74,"props":1695,"children":1696},{"class":81},[1697],{"type":20,"value":423},{"type":14,"tag":74,"props":1699,"children":1700},{"class":426},[1701],{"type":20,"value":39},{"type":14,"tag":74,"props":1703,"children":1704},{"class":81},[1705],{"type":20,"value":95},{"type":14,"tag":74,"props":1707,"children":1708},{"class":98},[1709],{"type":20,"value":437},{"type":14,"tag":74,"props":1711,"children":1712},{"class":81},[1713],{"type":20,"value":106},{"type":14,"tag":74,"props":1715,"children":1716},{"class":109},[1717],{"type":20,"value":446},{"type":14,"tag":74,"props":1719,"children":1720},{"class":81},[1721],{"type":20,"value":95},{"type":14,"tag":74,"props":1723,"children":1724},{"class":98},[1725],{"type":20,"value":1299},{"type":14,"tag":74,"props":1727,"children":1728},{"class":81},[1729],{"type":20,"value":106},{"type":14,"tag":74,"props":1731,"children":1732},{"class":109},[1733],{"type":20,"value":1734},"\"dark\"",{"type":14,"tag":74,"props":1736,"children":1737},{"class":81},[1738],{"type":20,"value":95},{"type":14,"tag":74,"props":1740,"children":1741},{"class":98},[1742],{"type":20,"value":455},{"type":14,"tag":74,"props":1744,"children":1745},{"class":81},[1746],{"type":20,"value":106},{"type":14,"tag":74,"props":1748,"children":1749},{"class":109},[1750],{"type":20,"value":464},{"type":14,"tag":74,"props":1752,"children":1753},{"class":81},[1754],{"type":20,"value":469},{"type":14,"tag":74,"props":1756,"children":1758},{"class":76,"line":1757},16,[1759,1763,1767],{"type":14,"tag":74,"props":1760,"children":1761},{"class":81},[1762],{"type":20,"value":382},{"type":14,"tag":74,"props":1764,"children":1765},{"class":87},[1766],{"type":20,"value":47},{"type":14,"tag":74,"props":1768,"children":1769},{"class":81},[1770],{"type":20,"value":486},{"type":14,"tag":488,"props":1772,"children":1774},{"id":1773},"size-variants",[1775],{"type":20,"value":1776},"Size Variants",{"type":14,"tag":29,"props":1778,"children":1779},{},[1780,1782,1787,1789,1794,1796,1801,1803,1808,1810,1814],{"type":20,"value":1781},"You're able to use the ",{"type":14,"tag":35,"props":1783,"children":1784},{},[1785],{"type":20,"value":1786},"size",{"type":20,"value":1788}," property to control the size of your checkbox buttons group, using one of the available sizes: ",{"type":14,"tag":35,"props":1790,"children":1791},{},[1792],{"type":20,"value":1793},"sm",{"type":20,"value":1795},", ",{"type":14,"tag":35,"props":1797,"children":1798},{},[1799],{"type":20,"value":1800},"md",{"type":20,"value":1802},", and ",{"type":14,"tag":35,"props":1804,"children":1805},{},[1806],{"type":20,"value":1807},"lg",{"type":20,"value":1809},". The default size is set to ",{"type":14,"tag":35,"props":1811,"children":1812},{},[1813],{"type":20,"value":1800},{"type":20,"value":1815},".",{"type":14,"tag":29,"props":1817,"children":1818},{},[1819],{"type":20,"value":1820},"The chosen size will be applied to all of its child inputs.",{"type":14,"tag":43,"props":1822,"children":1823},{},[1824,1831],{"type":14,"tag":47,"props":1825,"children":1826},{"v-slot:preview":7},[1827],{"type":14,"tag":51,"props":1828,"children":1830},{"src":1829},"/components/ICheckboxButtons/examples/size-variants",[],{"type":14,"tag":47,"props":1832,"children":1833},{"v-slot:vue":7},[1834],{"type":14,"tag":59,"props":1835,"children":1838},{"className":1836,"code":1837,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\n\nconst checked = ref(['strawberry']);\nconst options = ref([\n    { id: 'apple', label: 'Apple' },\n    { id: 'banana', label: 'Banana' },\n    { id: 'strawberry', label: 'Strawberry' },\n    { id: 'mango', label: 'Mango' }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n    \u003CICheckboxButtons v-model=\"checked\" :options=\"options\" size=\"sm\" />\n    \u003CICheckboxButtons v-model=\"checked\" :options=\"options\" size=\"md\" />\n    \u003CICheckboxButtons v-model=\"checked\" :options=\"options\" size=\"lg\" />\n\u003C/template>\n\n",[1839],{"type":14,"tag":67,"props":1840,"children":1841},{},[1842],{"type":14,"tag":59,"props":1843,"children":1844},{"__ignoreMap":7},[1845,1884,1911,1918,1961,1996,2019,2042,2065,2088,2095,2110,2117,2132,2196,2260,2324],{"type":14,"tag":74,"props":1846,"children":1847},{"class":76,"line":77},[1848,1852,1856,1860,1864,1868,1872,1876,1880],{"type":14,"tag":74,"props":1849,"children":1850},{"class":81},[1851],{"type":20,"value":84},{"type":14,"tag":74,"props":1853,"children":1854},{"class":87},[1855],{"type":20,"value":90},{"type":14,"tag":74,"props":1857,"children":1858},{"class":81},[1859],{"type":20,"value":95},{"type":14,"tag":74,"props":1861,"children":1862},{"class":98},[1863],{"type":20,"value":101},{"type":14,"tag":74,"props":1865,"children":1866},{"class":81},[1867],{"type":20,"value":106},{"type":14,"tag":74,"props":1869,"children":1870},{"class":109},[1871],{"type":20,"value":112},{"type":14,"tag":74,"props":1873,"children":1874},{"class":81},[1875],{"type":20,"value":95},{"type":14,"tag":74,"props":1877,"children":1878},{"class":98},[1879],{"type":20,"value":121},{"type":14,"tag":74,"props":1881,"children":1882},{"class":81},[1883],{"type":20,"value":126},{"type":14,"tag":74,"props":1885,"children":1886},{"class":76,"line":129},[1887,1891,1895,1899,1903,1907],{"type":14,"tag":74,"props":1888,"children":1889},{"class":133},[1890],{"type":20,"value":136},{"type":14,"tag":74,"props":1892,"children":1893},{"class":81},[1894],{"type":20,"value":141},{"type":14,"tag":74,"props":1896,"children":1897},{"class":133},[1898],{"type":20,"value":146},{"type":14,"tag":74,"props":1900,"children":1901},{"class":81},[1902],{"type":20,"value":95},{"type":14,"tag":74,"props":1904,"children":1905},{"class":109},[1906],{"type":20,"value":155},{"type":14,"tag":74,"props":1908,"children":1909},{"class":81},[1910],{"type":20,"value":160},{"type":14,"tag":74,"props":1912,"children":1913},{"class":76,"line":163},[1914],{"type":14,"tag":74,"props":1915,"children":1916},{},[1917],{"type":20,"value":169},{"type":14,"tag":74,"props":1919,"children":1920},{"class":76,"line":172},[1921,1925,1929,1933,1937,1941,1945,1949,1953,1957],{"type":14,"tag":74,"props":1922,"children":1923},{"class":133},[1924],{"type":20,"value":178},{"type":14,"tag":74,"props":1926,"children":1927},{"class":81},[1928],{"type":20,"value":95},{"type":14,"tag":74,"props":1930,"children":1931},{"class":185},[1932],{"type":20,"value":188},{"type":14,"tag":74,"props":1934,"children":1935},{"class":81},[1936],{"type":20,"value":95},{"type":14,"tag":74,"props":1938,"children":1939},{"class":133},[1940],{"type":20,"value":106},{"type":14,"tag":74,"props":1942,"children":1943},{"class":81},[1944],{"type":20,"value":95},{"type":14,"tag":74,"props":1946,"children":1947},{"class":98},[1948],{"type":20,"value":205},{"type":14,"tag":74,"props":1950,"children":1951},{"class":81},[1952],{"type":20,"value":210},{"type":14,"tag":74,"props":1954,"children":1955},{"class":109},[1956],{"type":20,"value":325},{"type":14,"tag":74,"props":1958,"children":1959},{"class":81},[1960],{"type":20,"value":220},{"type":14,"tag":74,"props":1962,"children":1963},{"class":76,"line":223},[1964,1968,1972,1976,1980,1984,1988,1992],{"type":14,"tag":74,"props":1965,"children":1966},{"class":133},[1967],{"type":20,"value":178},{"type":14,"tag":74,"props":1969,"children":1970},{"class":81},[1971],{"type":20,"value":95},{"type":14,"tag":74,"props":1973,"children":1974},{"class":185},[1975],{"type":20,"value":237},{"type":14,"tag":74,"props":1977,"children":1978},{"class":81},[1979],{"type":20,"value":95},{"type":14,"tag":74,"props":1981,"children":1982},{"class":133},[1983],{"type":20,"value":106},{"type":14,"tag":74,"props":1985,"children":1986},{"class":81},[1987],{"type":20,"value":95},{"type":14,"tag":74,"props":1989,"children":1990},{"class":98},[1991],{"type":20,"value":205},{"type":14,"tag":74,"props":1993,"children":1994},{"class":81},[1995],{"type":20,"value":258},{"type":14,"tag":74,"props":1997,"children":1998},{"class":76,"line":261},[1999,2003,2007,2011,2015],{"type":14,"tag":74,"props":2000,"children":2001},{"class":81},[2002],{"type":20,"value":267},{"type":14,"tag":74,"props":2004,"children":2005},{"class":109},[2006],{"type":20,"value":215},{"type":14,"tag":74,"props":2008,"children":2009},{"class":81},[2010],{"type":20,"value":276},{"type":14,"tag":74,"props":2012,"children":2013},{"class":109},[2014],{"type":20,"value":281},{"type":14,"tag":74,"props":2016,"children":2017},{"class":81},[2018],{"type":20,"value":286},{"type":14,"tag":74,"props":2020,"children":2021},{"class":76,"line":289},[2022,2026,2030,2034,2038],{"type":14,"tag":74,"props":2023,"children":2024},{"class":81},[2025],{"type":20,"value":267},{"type":14,"tag":74,"props":2027,"children":2028},{"class":109},[2029],{"type":20,"value":299},{"type":14,"tag":74,"props":2031,"children":2032},{"class":81},[2033],{"type":20,"value":276},{"type":14,"tag":74,"props":2035,"children":2036},{"class":109},[2037],{"type":20,"value":308},{"type":14,"tag":74,"props":2039,"children":2040},{"class":81},[2041],{"type":20,"value":286},{"type":14,"tag":74,"props":2043,"children":2044},{"class":76,"line":315},[2045,2049,2053,2057,2061],{"type":14,"tag":74,"props":2046,"children":2047},{"class":81},[2048],{"type":20,"value":267},{"type":14,"tag":74,"props":2050,"children":2051},{"class":109},[2052],{"type":20,"value":325},{"type":14,"tag":74,"props":2054,"children":2055},{"class":81},[2056],{"type":20,"value":276},{"type":14,"tag":74,"props":2058,"children":2059},{"class":109},[2060],{"type":20,"value":334},{"type":14,"tag":74,"props":2062,"children":2063},{"class":81},[2064],{"type":20,"value":286},{"type":14,"tag":74,"props":2066,"children":2067},{"class":76,"line":341},[2068,2072,2076,2080,2084],{"type":14,"tag":74,"props":2069,"children":2070},{"class":81},[2071],{"type":20,"value":267},{"type":14,"tag":74,"props":2073,"children":2074},{"class":109},[2075],{"type":20,"value":351},{"type":14,"tag":74,"props":2077,"children":2078},{"class":81},[2079],{"type":20,"value":276},{"type":14,"tag":74,"props":2081,"children":2082},{"class":109},[2083],{"type":20,"value":360},{"type":14,"tag":74,"props":2085,"children":2086},{"class":81},[2087],{"type":20,"value":365},{"type":14,"tag":74,"props":2089,"children":2090},{"class":76,"line":368},[2091],{"type":14,"tag":74,"props":2092,"children":2093},{"class":81},[2094],{"type":20,"value":220},{"type":14,"tag":74,"props":2096,"children":2097},{"class":76,"line":376},[2098,2102,2106],{"type":14,"tag":74,"props":2099,"children":2100},{"class":81},[2101],{"type":20,"value":382},{"type":14,"tag":74,"props":2103,"children":2104},{"class":87},[2105],{"type":20,"value":90},{"type":14,"tag":74,"props":2107,"children":2108},{"class":81},[2109],{"type":20,"value":126},{"type":14,"tag":74,"props":2111,"children":2112},{"class":76,"line":393},[2113],{"type":14,"tag":74,"props":2114,"children":2115},{},[2116],{"type":20,"value":169},{"type":14,"tag":74,"props":2118,"children":2119},{"class":76,"line":401},[2120,2124,2128],{"type":14,"tag":74,"props":2121,"children":2122},{"class":81},[2123],{"type":20,"value":84},{"type":14,"tag":74,"props":2125,"children":2126},{"class":87},[2127],{"type":20,"value":47},{"type":14,"tag":74,"props":2129,"children":2130},{"class":81},[2131],{"type":20,"value":126},{"type":14,"tag":74,"props":2133,"children":2134},{"class":76,"line":417},[2135,2139,2143,2147,2151,2155,2159,2163,2167,2171,2175,2179,2183,2187,2192],{"type":14,"tag":74,"props":2136,"children":2137},{"class":81},[2138],{"type":20,"value":423},{"type":14,"tag":74,"props":2140,"children":2141},{"class":426},[2142],{"type":20,"value":39},{"type":14,"tag":74,"props":2144,"children":2145},{"class":81},[2146],{"type":20,"value":95},{"type":14,"tag":74,"props":2148,"children":2149},{"class":98},[2150],{"type":20,"value":437},{"type":14,"tag":74,"props":2152,"children":2153},{"class":81},[2154],{"type":20,"value":106},{"type":14,"tag":74,"props":2156,"children":2157},{"class":109},[2158],{"type":20,"value":446},{"type":14,"tag":74,"props":2160,"children":2161},{"class":81},[2162],{"type":20,"value":95},{"type":14,"tag":74,"props":2164,"children":2165},{"class":98},[2166],{"type":20,"value":455},{"type":14,"tag":74,"props":2168,"children":2169},{"class":81},[2170],{"type":20,"value":106},{"type":14,"tag":74,"props":2172,"children":2173},{"class":109},[2174],{"type":20,"value":464},{"type":14,"tag":74,"props":2176,"children":2177},{"class":81},[2178],{"type":20,"value":95},{"type":14,"tag":74,"props":2180,"children":2181},{"class":98},[2182],{"type":20,"value":1786},{"type":14,"tag":74,"props":2184,"children":2185},{"class":81},[2186],{"type":20,"value":106},{"type":14,"tag":74,"props":2188,"children":2189},{"class":109},[2190],{"type":20,"value":2191},"\"sm\"",{"type":14,"tag":74,"props":2193,"children":2194},{"class":81},[2195],{"type":20,"value":469},{"type":14,"tag":74,"props":2197,"children":2198},{"class":76,"line":472},[2199,2203,2207,2211,2215,2219,2223,2227,2231,2235,2239,2243,2247,2251,2256],{"type":14,"tag":74,"props":2200,"children":2201},{"class":81},[2202],{"type":20,"value":423},{"type":14,"tag":74,"props":2204,"children":2205},{"class":426},[2206],{"type":20,"value":39},{"type":14,"tag":74,"props":2208,"children":2209},{"class":81},[2210],{"type":20,"value":95},{"type":14,"tag":74,"props":2212,"children":2213},{"class":98},[2214],{"type":20,"value":437},{"type":14,"tag":74,"props":2216,"children":2217},{"class":81},[2218],{"type":20,"value":106},{"type":14,"tag":74,"props":2220,"children":2221},{"class":109},[2222],{"type":20,"value":446},{"type":14,"tag":74,"props":2224,"children":2225},{"class":81},[2226],{"type":20,"value":95},{"type":14,"tag":74,"props":2228,"children":2229},{"class":98},[2230],{"type":20,"value":455},{"type":14,"tag":74,"props":2232,"children":2233},{"class":81},[2234],{"type":20,"value":106},{"type":14,"tag":74,"props":2236,"children":2237},{"class":109},[2238],{"type":20,"value":464},{"type":14,"tag":74,"props":2240,"children":2241},{"class":81},[2242],{"type":20,"value":95},{"type":14,"tag":74,"props":2244,"children":2245},{"class":98},[2246],{"type":20,"value":1786},{"type":14,"tag":74,"props":2248,"children":2249},{"class":81},[2250],{"type":20,"value":106},{"type":14,"tag":74,"props":2252,"children":2253},{"class":109},[2254],{"type":20,"value":2255},"\"md\"",{"type":14,"tag":74,"props":2257,"children":2258},{"class":81},[2259],{"type":20,"value":469},{"type":14,"tag":74,"props":2261,"children":2262},{"class":76,"line":1757},[2263,2267,2271,2275,2279,2283,2287,2291,2295,2299,2303,2307,2311,2315,2320],{"type":14,"tag":74,"props":2264,"children":2265},{"class":81},[2266],{"type":20,"value":423},{"type":14,"tag":74,"props":2268,"children":2269},{"class":426},[2270],{"type":20,"value":39},{"type":14,"tag":74,"props":2272,"children":2273},{"class":81},[2274],{"type":20,"value":95},{"type":14,"tag":74,"props":2276,"children":2277},{"class":98},[2278],{"type":20,"value":437},{"type":14,"tag":74,"props":2280,"children":2281},{"class":81},[2282],{"type":20,"value":106},{"type":14,"tag":74,"props":2284,"children":2285},{"class":109},[2286],{"type":20,"value":446},{"type":14,"tag":74,"props":2288,"children":2289},{"class":81},[2290],{"type":20,"value":95},{"type":14,"tag":74,"props":2292,"children":2293},{"class":98},[2294],{"type":20,"value":455},{"type":14,"tag":74,"props":2296,"children":2297},{"class":81},[2298],{"type":20,"value":106},{"type":14,"tag":74,"props":2300,"children":2301},{"class":109},[2302],{"type":20,"value":464},{"type":14,"tag":74,"props":2304,"children":2305},{"class":81},[2306],{"type":20,"value":95},{"type":14,"tag":74,"props":2308,"children":2309},{"class":98},[2310],{"type":20,"value":1786},{"type":14,"tag":74,"props":2312,"children":2313},{"class":81},[2314],{"type":20,"value":106},{"type":14,"tag":74,"props":2316,"children":2317},{"class":109},[2318],{"type":20,"value":2319},"\"lg\"",{"type":14,"tag":74,"props":2321,"children":2322},{"class":81},[2323],{"type":20,"value":469},{"type":14,"tag":74,"props":2325,"children":2327},{"class":76,"line":2326},17,[2328,2332,2336],{"type":14,"tag":74,"props":2329,"children":2330},{"class":81},[2331],{"type":20,"value":382},{"type":14,"tag":74,"props":2333,"children":2334},{"class":87},[2335],{"type":20,"value":47},{"type":14,"tag":74,"props":2337,"children":2338},{"class":81},[2339],{"type":20,"value":486},{"type":14,"tag":488,"props":2341,"children":2343},{"id":2342},"style-variants",[2344],{"type":20,"value":2345},"Style Variants",{"type":14,"tag":29,"props":2347,"children":2348},{},[2349,2350,2355,2357,2362,2363,2368,2370,2374],{"type":20,"value":1781},{"type":14,"tag":35,"props":2351,"children":2352},{},[2353],{"type":20,"value":2354},"variant",{"type":20,"value":2356}," property to control the aspect of your checkbox buttons group, using one of the available variants: ",{"type":14,"tag":35,"props":2358,"children":2359},{},[2360],{"type":20,"value":2361},"default",{"type":20,"value":1802},{"type":14,"tag":35,"props":2364,"children":2365},{},[2366],{"type":20,"value":2367},"button-group",{"type":20,"value":2369},". The default variant is set to ",{"type":14,"tag":35,"props":2371,"children":2372},{},[2373],{"type":20,"value":2361},{"type":20,"value":1815},{"type":14,"tag":43,"props":2376,"children":2377},{},[2378,2385],{"type":14,"tag":47,"props":2379,"children":2380},{"v-slot:preview":7},[2381],{"type":14,"tag":51,"props":2382,"children":2384},{"src":2383},"/components/ICheckboxButtons/examples/style-variants",[],{"type":14,"tag":47,"props":2386,"children":2387},{"v-slot:vue":7},[2388],{"type":14,"tag":59,"props":2389,"children":2392},{"className":2390,"code":2391,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\n\nconst checked = ref(['apple']);\nconst options = ref([\n    { id: 'apple', label: 'Apple' },\n    { id: 'banana', label: 'Banana' },\n    { id: 'strawberry', label: 'Strawberry' },\n    { id: 'mango', label: 'Mango' }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n    \u003CICheckboxButtons v-model=\"checked\" :options=\"options\" variant=\"default\" />\n    \u003CICheckboxButtons v-model=\"checked\" :options=\"options\" variant=\"group\" />\n\u003C/template>\n\n",[2393],{"type":14,"tag":67,"props":2394,"children":2395},{},[2396],{"type":14,"tag":59,"props":2397,"children":2398},{"__ignoreMap":7},[2399,2438,2465,2472,2515,2550,2573,2596,2619,2642,2649,2664,2671,2686,2750,2814],{"type":14,"tag":74,"props":2400,"children":2401},{"class":76,"line":77},[2402,2406,2410,2414,2418,2422,2426,2430,2434],{"type":14,"tag":74,"props":2403,"children":2404},{"class":81},[2405],{"type":20,"value":84},{"type":14,"tag":74,"props":2407,"children":2408},{"class":87},[2409],{"type":20,"value":90},{"type":14,"tag":74,"props":2411,"children":2412},{"class":81},[2413],{"type":20,"value":95},{"type":14,"tag":74,"props":2415,"children":2416},{"class":98},[2417],{"type":20,"value":101},{"type":14,"tag":74,"props":2419,"children":2420},{"class":81},[2421],{"type":20,"value":106},{"type":14,"tag":74,"props":2423,"children":2424},{"class":109},[2425],{"type":20,"value":112},{"type":14,"tag":74,"props":2427,"children":2428},{"class":81},[2429],{"type":20,"value":95},{"type":14,"tag":74,"props":2431,"children":2432},{"class":98},[2433],{"type":20,"value":121},{"type":14,"tag":74,"props":2435,"children":2436},{"class":81},[2437],{"type":20,"value":126},{"type":14,"tag":74,"props":2439,"children":2440},{"class":76,"line":129},[2441,2445,2449,2453,2457,2461],{"type":14,"tag":74,"props":2442,"children":2443},{"class":133},[2444],{"type":20,"value":136},{"type":14,"tag":74,"props":2446,"children":2447},{"class":81},[2448],{"type":20,"value":141},{"type":14,"tag":74,"props":2450,"children":2451},{"class":133},[2452],{"type":20,"value":146},{"type":14,"tag":74,"props":2454,"children":2455},{"class":81},[2456],{"type":20,"value":95},{"type":14,"tag":74,"props":2458,"children":2459},{"class":109},[2460],{"type":20,"value":155},{"type":14,"tag":74,"props":2462,"children":2463},{"class":81},[2464],{"type":20,"value":160},{"type":14,"tag":74,"props":2466,"children":2467},{"class":76,"line":163},[2468],{"type":14,"tag":74,"props":2469,"children":2470},{},[2471],{"type":20,"value":169},{"type":14,"tag":74,"props":2473,"children":2474},{"class":76,"line":172},[2475,2479,2483,2487,2491,2495,2499,2503,2507,2511],{"type":14,"tag":74,"props":2476,"children":2477},{"class":133},[2478],{"type":20,"value":178},{"type":14,"tag":74,"props":2480,"children":2481},{"class":81},[2482],{"type":20,"value":95},{"type":14,"tag":74,"props":2484,"children":2485},{"class":185},[2486],{"type":20,"value":188},{"type":14,"tag":74,"props":2488,"children":2489},{"class":81},[2490],{"type":20,"value":95},{"type":14,"tag":74,"props":2492,"children":2493},{"class":133},[2494],{"type":20,"value":106},{"type":14,"tag":74,"props":2496,"children":2497},{"class":81},[2498],{"type":20,"value":95},{"type":14,"tag":74,"props":2500,"children":2501},{"class":98},[2502],{"type":20,"value":205},{"type":14,"tag":74,"props":2504,"children":2505},{"class":81},[2506],{"type":20,"value":210},{"type":14,"tag":74,"props":2508,"children":2509},{"class":109},[2510],{"type":20,"value":215},{"type":14,"tag":74,"props":2512,"children":2513},{"class":81},[2514],{"type":20,"value":220},{"type":14,"tag":74,"props":2516,"children":2517},{"class":76,"line":223},[2518,2522,2526,2530,2534,2538,2542,2546],{"type":14,"tag":74,"props":2519,"children":2520},{"class":133},[2521],{"type":20,"value":178},{"type":14,"tag":74,"props":2523,"children":2524},{"class":81},[2525],{"type":20,"value":95},{"type":14,"tag":74,"props":2527,"children":2528},{"class":185},[2529],{"type":20,"value":237},{"type":14,"tag":74,"props":2531,"children":2532},{"class":81},[2533],{"type":20,"value":95},{"type":14,"tag":74,"props":2535,"children":2536},{"class":133},[2537],{"type":20,"value":106},{"type":14,"tag":74,"props":2539,"children":2540},{"class":81},[2541],{"type":20,"value":95},{"type":14,"tag":74,"props":2543,"children":2544},{"class":98},[2545],{"type":20,"value":205},{"type":14,"tag":74,"props":2547,"children":2548},{"class":81},[2549],{"type":20,"value":258},{"type":14,"tag":74,"props":2551,"children":2552},{"class":76,"line":261},[2553,2557,2561,2565,2569],{"type":14,"tag":74,"props":2554,"children":2555},{"class":81},[2556],{"type":20,"value":267},{"type":14,"tag":74,"props":2558,"children":2559},{"class":109},[2560],{"type":20,"value":215},{"type":14,"tag":74,"props":2562,"children":2563},{"class":81},[2564],{"type":20,"value":276},{"type":14,"tag":74,"props":2566,"children":2567},{"class":109},[2568],{"type":20,"value":281},{"type":14,"tag":74,"props":2570,"children":2571},{"class":81},[2572],{"type":20,"value":286},{"type":14,"tag":74,"props":2574,"children":2575},{"class":76,"line":289},[2576,2580,2584,2588,2592],{"type":14,"tag":74,"props":2577,"children":2578},{"class":81},[2579],{"type":20,"value":267},{"type":14,"tag":74,"props":2581,"children":2582},{"class":109},[2583],{"type":20,"value":299},{"type":14,"tag":74,"props":2585,"children":2586},{"class":81},[2587],{"type":20,"value":276},{"type":14,"tag":74,"props":2589,"children":2590},{"class":109},[2591],{"type":20,"value":308},{"type":14,"tag":74,"props":2593,"children":2594},{"class":81},[2595],{"type":20,"value":286},{"type":14,"tag":74,"props":2597,"children":2598},{"class":76,"line":315},[2599,2603,2607,2611,2615],{"type":14,"tag":74,"props":2600,"children":2601},{"class":81},[2602],{"type":20,"value":267},{"type":14,"tag":74,"props":2604,"children":2605},{"class":109},[2606],{"type":20,"value":325},{"type":14,"tag":74,"props":2608,"children":2609},{"class":81},[2610],{"type":20,"value":276},{"type":14,"tag":74,"props":2612,"children":2613},{"class":109},[2614],{"type":20,"value":334},{"type":14,"tag":74,"props":2616,"children":2617},{"class":81},[2618],{"type":20,"value":286},{"type":14,"tag":74,"props":2620,"children":2621},{"class":76,"line":341},[2622,2626,2630,2634,2638],{"type":14,"tag":74,"props":2623,"children":2624},{"class":81},[2625],{"type":20,"value":267},{"type":14,"tag":74,"props":2627,"children":2628},{"class":109},[2629],{"type":20,"value":351},{"type":14,"tag":74,"props":2631,"children":2632},{"class":81},[2633],{"type":20,"value":276},{"type":14,"tag":74,"props":2635,"children":2636},{"class":109},[2637],{"type":20,"value":360},{"type":14,"tag":74,"props":2639,"children":2640},{"class":81},[2641],{"type":20,"value":365},{"type":14,"tag":74,"props":2643,"children":2644},{"class":76,"line":368},[2645],{"type":14,"tag":74,"props":2646,"children":2647},{"class":81},[2648],{"type":20,"value":220},{"type":14,"tag":74,"props":2650,"children":2651},{"class":76,"line":376},[2652,2656,2660],{"type":14,"tag":74,"props":2653,"children":2654},{"class":81},[2655],{"type":20,"value":382},{"type":14,"tag":74,"props":2657,"children":2658},{"class":87},[2659],{"type":20,"value":90},{"type":14,"tag":74,"props":2661,"children":2662},{"class":81},[2663],{"type":20,"value":126},{"type":14,"tag":74,"props":2665,"children":2666},{"class":76,"line":393},[2667],{"type":14,"tag":74,"props":2668,"children":2669},{},[2670],{"type":20,"value":169},{"type":14,"tag":74,"props":2672,"children":2673},{"class":76,"line":401},[2674,2678,2682],{"type":14,"tag":74,"props":2675,"children":2676},{"class":81},[2677],{"type":20,"value":84},{"type":14,"tag":74,"props":2679,"children":2680},{"class":87},[2681],{"type":20,"value":47},{"type":14,"tag":74,"props":2683,"children":2684},{"class":81},[2685],{"type":20,"value":126},{"type":14,"tag":74,"props":2687,"children":2688},{"class":76,"line":417},[2689,2693,2697,2701,2705,2709,2713,2717,2721,2725,2729,2733,2737,2741,2746],{"type":14,"tag":74,"props":2690,"children":2691},{"class":81},[2692],{"type":20,"value":423},{"type":14,"tag":74,"props":2694,"children":2695},{"class":426},[2696],{"type":20,"value":39},{"type":14,"tag":74,"props":2698,"children":2699},{"class":81},[2700],{"type":20,"value":95},{"type":14,"tag":74,"props":2702,"children":2703},{"class":98},[2704],{"type":20,"value":437},{"type":14,"tag":74,"props":2706,"children":2707},{"class":81},[2708],{"type":20,"value":106},{"type":14,"tag":74,"props":2710,"children":2711},{"class":109},[2712],{"type":20,"value":446},{"type":14,"tag":74,"props":2714,"children":2715},{"class":81},[2716],{"type":20,"value":95},{"type":14,"tag":74,"props":2718,"children":2719},{"class":98},[2720],{"type":20,"value":455},{"type":14,"tag":74,"props":2722,"children":2723},{"class":81},[2724],{"type":20,"value":106},{"type":14,"tag":74,"props":2726,"children":2727},{"class":109},[2728],{"type":20,"value":464},{"type":14,"tag":74,"props":2730,"children":2731},{"class":81},[2732],{"type":20,"value":95},{"type":14,"tag":74,"props":2734,"children":2735},{"class":98},[2736],{"type":20,"value":2354},{"type":14,"tag":74,"props":2738,"children":2739},{"class":81},[2740],{"type":20,"value":106},{"type":14,"tag":74,"props":2742,"children":2743},{"class":109},[2744],{"type":20,"value":2745},"\"default\"",{"type":14,"tag":74,"props":2747,"children":2748},{"class":81},[2749],{"type":20,"value":469},{"type":14,"tag":74,"props":2751,"children":2752},{"class":76,"line":472},[2753,2757,2761,2765,2769,2773,2777,2781,2785,2789,2793,2797,2801,2805,2810],{"type":14,"tag":74,"props":2754,"children":2755},{"class":81},[2756],{"type":20,"value":423},{"type":14,"tag":74,"props":2758,"children":2759},{"class":426},[2760],{"type":20,"value":39},{"type":14,"tag":74,"props":2762,"children":2763},{"class":81},[2764],{"type":20,"value":95},{"type":14,"tag":74,"props":2766,"children":2767},{"class":98},[2768],{"type":20,"value":437},{"type":14,"tag":74,"props":2770,"children":2771},{"class":81},[2772],{"type":20,"value":106},{"type":14,"tag":74,"props":2774,"children":2775},{"class":109},[2776],{"type":20,"value":446},{"type":14,"tag":74,"props":2778,"children":2779},{"class":81},[2780],{"type":20,"value":95},{"type":14,"tag":74,"props":2782,"children":2783},{"class":98},[2784],{"type":20,"value":455},{"type":14,"tag":74,"props":2786,"children":2787},{"class":81},[2788],{"type":20,"value":106},{"type":14,"tag":74,"props":2790,"children":2791},{"class":109},[2792],{"type":20,"value":464},{"type":14,"tag":74,"props":2794,"children":2795},{"class":81},[2796],{"type":20,"value":95},{"type":14,"tag":74,"props":2798,"children":2799},{"class":98},[2800],{"type":20,"value":2354},{"type":14,"tag":74,"props":2802,"children":2803},{"class":81},[2804],{"type":20,"value":106},{"type":14,"tag":74,"props":2806,"children":2807},{"class":109},[2808],{"type":20,"value":2809},"\"group\"",{"type":14,"tag":74,"props":2811,"children":2812},{"class":81},[2813],{"type":20,"value":469},{"type":14,"tag":74,"props":2815,"children":2816},{"class":76,"line":1757},[2817,2821,2825],{"type":14,"tag":74,"props":2818,"children":2819},{"class":81},[2820],{"type":20,"value":382},{"type":14,"tag":74,"props":2822,"children":2823},{"class":87},[2824],{"type":20,"value":47},{"type":14,"tag":74,"props":2826,"children":2827},{"class":81},[2828],{"type":20,"value":486},{"type":14,"tag":488,"props":2830,"children":2832},{"id":2831},"options-object",[2833],{"type":20,"value":2834},"Options Object",{"type":14,"tag":29,"props":2836,"children":2837},{},[2838,2839,2843,2845,2849],{"type":20,"value":33},{"type":14,"tag":35,"props":2840,"children":2841},{},[2842],{"type":20,"value":39},{"type":20,"value":2844}," component accepts an array of objects as its ",{"type":14,"tag":35,"props":2846,"children":2847},{},[2848],{"type":20,"value":237},{"type":20,"value":2850}," prop.",{"type":14,"tag":2852,"props":2853,"children":2854},"ul",{},[2855,2868,2886],{"type":14,"tag":2856,"props":2857,"children":2858},"li",{},[2859,2861,2866],{"type":20,"value":2860},"each item must contain a ",{"type":14,"tag":35,"props":2862,"children":2863},{},[2864],{"type":20,"value":2865},"id",{"type":20,"value":2867}," property",{"type":14,"tag":2856,"props":2869,"children":2870},{},[2871,2873,2878,2880,2884],{"type":20,"value":2872},"the ",{"type":14,"tag":35,"props":2874,"children":2875},{},[2876],{"type":20,"value":2877},"modelValue",{"type":20,"value":2879}," property will be an array of the selected ",{"type":14,"tag":35,"props":2881,"children":2882},{},[2883],{"type":20,"value":2865},{"type":20,"value":2885}," values",{"type":14,"tag":2856,"props":2887,"children":2888},{},[2889,2890,2895,2897,2902],{"type":20,"value":2872},{"type":14,"tag":35,"props":2891,"children":2892},{},[2893],{"type":20,"value":2894},"label",{"type":20,"value":2896}," property is a ",{"type":14,"tag":35,"props":2898,"children":2899},{},[2900],{"type":20,"value":2901},"Renderable",{"type":20,"value":2903}," will be used as the checkbox label.",{"type":14,"tag":59,"props":2905,"children":2910},{"className":2906,"code":2908,"language":2909,"meta":7},[2907],"language-ts","export interface CheckboxButtonsOption {\n    id: string | number;\n    label?: Renderable;\n    disabled?: boolean;\n    readonly?: boolean;\n    buttonProps?: Record\u003Cstring, unknown>;\n    [key: string]: any;\n}\n","ts",[2911],{"type":14,"tag":67,"props":2912,"children":2913},{},[2914],{"type":14,"tag":59,"props":2915,"children":2916},{"__ignoreMap":7},[2917,2948,2997,3025,3053,3080,3127,3174],{"type":14,"tag":74,"props":2918,"children":2919},{"class":76,"line":77},[2920,2925,2929,2934,2938,2943],{"type":14,"tag":74,"props":2921,"children":2922},{"class":133},[2923],{"type":20,"value":2924},"export",{"type":14,"tag":74,"props":2926,"children":2927},{"class":81},[2928],{"type":20,"value":95},{"type":14,"tag":74,"props":2930,"children":2931},{"class":133},[2932],{"type":20,"value":2933},"interface",{"type":14,"tag":74,"props":2935,"children":2936},{"class":81},[2937],{"type":20,"value":95},{"type":14,"tag":74,"props":2939,"children":2940},{"class":98},[2941],{"type":20,"value":2942},"CheckboxButtonsOption",{"type":14,"tag":74,"props":2944,"children":2945},{"class":81},[2946],{"type":20,"value":2947}," {\n",{"type":14,"tag":74,"props":2949,"children":2950},{"class":76,"line":129},[2951,2956,2961,2966,2970,2975,2979,2984,2988,2993],{"type":14,"tag":74,"props":2952,"children":2953},{"class":81},[2954],{"type":20,"value":2955},"    ",{"type":14,"tag":74,"props":2957,"children":2959},{"class":2958},"ct-157101",[2960],{"type":20,"value":2865},{"type":14,"tag":74,"props":2962,"children":2963},{"class":133},[2964],{"type":20,"value":2965},":",{"type":14,"tag":74,"props":2967,"children":2968},{"class":81},[2969],{"type":20,"value":95},{"type":14,"tag":74,"props":2971,"children":2972},{"class":185},[2973],{"type":20,"value":2974},"string",{"type":14,"tag":74,"props":2976,"children":2977},{"class":81},[2978],{"type":20,"value":95},{"type":14,"tag":74,"props":2980,"children":2981},{"class":133},[2982],{"type":20,"value":2983},"|",{"type":14,"tag":74,"props":2985,"children":2986},{"class":81},[2987],{"type":20,"value":95},{"type":14,"tag":74,"props":2989,"children":2990},{"class":185},[2991],{"type":20,"value":2992},"number",{"type":14,"tag":74,"props":2994,"children":2995},{"class":81},[2996],{"type":20,"value":160},{"type":14,"tag":74,"props":2998,"children":2999},{"class":76,"line":163},[3000,3004,3008,3013,3017,3021],{"type":14,"tag":74,"props":3001,"children":3002},{"class":81},[3003],{"type":20,"value":2955},{"type":14,"tag":74,"props":3005,"children":3006},{"class":2958},[3007],{"type":20,"value":2894},{"type":14,"tag":74,"props":3009,"children":3010},{"class":133},[3011],{"type":20,"value":3012},"?:",{"type":14,"tag":74,"props":3014,"children":3015},{"class":81},[3016],{"type":20,"value":95},{"type":14,"tag":74,"props":3018,"children":3019},{"class":98},[3020],{"type":20,"value":2901},{"type":14,"tag":74,"props":3022,"children":3023},{"class":81},[3024],{"type":20,"value":160},{"type":14,"tag":74,"props":3026,"children":3027},{"class":76,"line":172},[3028,3032,3036,3040,3044,3049],{"type":14,"tag":74,"props":3029,"children":3030},{"class":81},[3031],{"type":20,"value":2955},{"type":14,"tag":74,"props":3033,"children":3034},{"class":2958},[3035],{"type":20,"value":503},{"type":14,"tag":74,"props":3037,"children":3038},{"class":133},[3039],{"type":20,"value":3012},{"type":14,"tag":74,"props":3041,"children":3042},{"class":81},[3043],{"type":20,"value":95},{"type":14,"tag":74,"props":3045,"children":3046},{"class":185},[3047],{"type":20,"value":3048},"boolean",{"type":14,"tag":74,"props":3050,"children":3051},{"class":81},[3052],{"type":20,"value":160},{"type":14,"tag":74,"props":3054,"children":3055},{"class":76,"line":223},[3056,3060,3064,3068,3072,3076],{"type":14,"tag":74,"props":3057,"children":3058},{"class":81},[3059],{"type":20,"value":2955},{"type":14,"tag":74,"props":3061,"children":3062},{"class":2958},[3063],{"type":20,"value":901},{"type":14,"tag":74,"props":3065,"children":3066},{"class":133},[3067],{"type":20,"value":3012},{"type":14,"tag":74,"props":3069,"children":3070},{"class":81},[3071],{"type":20,"value":95},{"type":14,"tag":74,"props":3073,"children":3074},{"class":185},[3075],{"type":20,"value":3048},{"type":14,"tag":74,"props":3077,"children":3078},{"class":81},[3079],{"type":20,"value":160},{"type":14,"tag":74,"props":3081,"children":3082},{"class":76,"line":261},[3083,3087,3092,3096,3100,3105,3109,3113,3117,3122],{"type":14,"tag":74,"props":3084,"children":3085},{"class":81},[3086],{"type":20,"value":2955},{"type":14,"tag":74,"props":3088,"children":3089},{"class":2958},[3090],{"type":20,"value":3091},"buttonProps",{"type":14,"tag":74,"props":3093,"children":3094},{"class":133},[3095],{"type":20,"value":3012},{"type":14,"tag":74,"props":3097,"children":3098},{"class":81},[3099],{"type":20,"value":95},{"type":14,"tag":74,"props":3101,"children":3102},{"class":98},[3103],{"type":20,"value":3104},"Record",{"type":14,"tag":74,"props":3106,"children":3107},{"class":81},[3108],{"type":20,"value":84},{"type":14,"tag":74,"props":3110,"children":3111},{"class":185},[3112],{"type":20,"value":2974},{"type":14,"tag":74,"props":3114,"children":3115},{"class":81},[3116],{"type":20,"value":1795},{"type":14,"tag":74,"props":3118,"children":3119},{"class":185},[3120],{"type":20,"value":3121},"unknown",{"type":14,"tag":74,"props":3123,"children":3124},{"class":81},[3125],{"type":20,"value":3126},">;\n",{"type":14,"tag":74,"props":3128,"children":3129},{"class":76,"line":289},[3130,3135,3140,3144,3148,3152,3157,3161,3165,3170],{"type":14,"tag":74,"props":3131,"children":3132},{"class":81},[3133],{"type":20,"value":3134},"    [",{"type":14,"tag":74,"props":3136,"children":3137},{"class":2958},[3138],{"type":20,"value":3139},"key",{"type":14,"tag":74,"props":3141,"children":3142},{"class":133},[3143],{"type":20,"value":2965},{"type":14,"tag":74,"props":3145,"children":3146},{"class":81},[3147],{"type":20,"value":95},{"type":14,"tag":74,"props":3149,"children":3150},{"class":185},[3151],{"type":20,"value":2974},{"type":14,"tag":74,"props":3153,"children":3154},{"class":81},[3155],{"type":20,"value":3156},"]",{"type":14,"tag":74,"props":3158,"children":3159},{"class":133},[3160],{"type":20,"value":2965},{"type":14,"tag":74,"props":3162,"children":3163},{"class":81},[3164],{"type":20,"value":95},{"type":14,"tag":74,"props":3166,"children":3167},{"class":185},[3168],{"type":20,"value":3169},"any",{"type":14,"tag":74,"props":3171,"children":3172},{"class":81},[3173],{"type":20,"value":160},{"type":14,"tag":74,"props":3175,"children":3176},{"class":76,"line":315},[3177],{"type":14,"tag":74,"props":3178,"children":3179},{"class":81},[3180],{"type":20,"value":3181},"}",{"type":14,"tag":29,"props":3183,"children":3184},{},[3185,3192,3194,3198],{"type":14,"tag":3186,"props":3187,"children":3189},"a",{"href":3188},"/docs/utilities/components/renderable",[3190],{"type":20,"value":3191},"Read more",{"type":20,"value":3193}," about ",{"type":14,"tag":35,"props":3195,"children":3196},{},[3197],{"type":20,"value":2901},{"type":20,"value":3199}," props.",{"type":14,"tag":488,"props":3201,"children":3203},{"id":3202},"rendering",[3204],{"type":20,"value":3205},"Rendering",{"type":14,"tag":3207,"props":3208,"children":3210},"h4",{"id":3209},"expression",[3211],{"type":20,"value":3212},"Expression",{"type":14,"tag":29,"props":3214,"children":3215},{},[3216,3218,3223],{"type":20,"value":3217},"Expressions are strings that can be interpolated using the ",{"type":14,"tag":35,"props":3219,"children":3220},{},[3221],{"type":20,"value":3222},"{{ }}",{"type":20,"value":3224}," syntax.",{"type":14,"tag":43,"props":3226,"children":3227},{},[3228,3235],{"type":14,"tag":47,"props":3229,"children":3230},{"v-slot:preview":7},[3231],{"type":14,"tag":51,"props":3232,"children":3234},{"src":3233},"/components/ICheckboxButtons/examples/render-expression",[],{"type":14,"tag":47,"props":3236,"children":3237},{"v-slot:vue":7},[3238],{"type":14,"tag":59,"props":3239,"children":3242},{"className":3240,"code":3241,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\n\nconst checked = ref(['apple']);\nconst options = ref([\n    { id: 'apple', fruit: { name: 'Apple' } },\n    { id: 'banana', fruit: { name: 'Banana' } },\n    { id: 'strawberry', fruit: { name: 'Strawberry' } },\n    { id: 'mango', fruit: { name: 'Mango' } }\n]);\n\nconst labelRenderString = '{{fruit.name}}';\n\u003C/script>\n\n\u003Ctemplate>\n    \u003CICheckboxButtons v-model=\"checked\" :options=\"options\" :label=\"labelRenderString\" />\n\u003C/template>\n\n",[3243],{"type":14,"tag":67,"props":3244,"children":3245},{},[3246],{"type":14,"tag":59,"props":3247,"children":3248},{"__ignoreMap":7},[3249,3288,3315,3322,3365,3400,3425,3448,3471,3495,3502,3509,3546,3561,3568,3583,3648],{"type":14,"tag":74,"props":3250,"children":3251},{"class":76,"line":77},[3252,3256,3260,3264,3268,3272,3276,3280,3284],{"type":14,"tag":74,"props":3253,"children":3254},{"class":81},[3255],{"type":20,"value":84},{"type":14,"tag":74,"props":3257,"children":3258},{"class":87},[3259],{"type":20,"value":90},{"type":14,"tag":74,"props":3261,"children":3262},{"class":81},[3263],{"type":20,"value":95},{"type":14,"tag":74,"props":3265,"children":3266},{"class":98},[3267],{"type":20,"value":101},{"type":14,"tag":74,"props":3269,"children":3270},{"class":81},[3271],{"type":20,"value":106},{"type":14,"tag":74,"props":3273,"children":3274},{"class":109},[3275],{"type":20,"value":112},{"type":14,"tag":74,"props":3277,"children":3278},{"class":81},[3279],{"type":20,"value":95},{"type":14,"tag":74,"props":3281,"children":3282},{"class":98},[3283],{"type":20,"value":121},{"type":14,"tag":74,"props":3285,"children":3286},{"class":81},[3287],{"type":20,"value":126},{"type":14,"tag":74,"props":3289,"children":3290},{"class":76,"line":129},[3291,3295,3299,3303,3307,3311],{"type":14,"tag":74,"props":3292,"children":3293},{"class":133},[3294],{"type":20,"value":136},{"type":14,"tag":74,"props":3296,"children":3297},{"class":81},[3298],{"type":20,"value":141},{"type":14,"tag":74,"props":3300,"children":3301},{"class":133},[3302],{"type":20,"value":146},{"type":14,"tag":74,"props":3304,"children":3305},{"class":81},[3306],{"type":20,"value":95},{"type":14,"tag":74,"props":3308,"children":3309},{"class":109},[3310],{"type":20,"value":155},{"type":14,"tag":74,"props":3312,"children":3313},{"class":81},[3314],{"type":20,"value":160},{"type":14,"tag":74,"props":3316,"children":3317},{"class":76,"line":163},[3318],{"type":14,"tag":74,"props":3319,"children":3320},{},[3321],{"type":20,"value":169},{"type":14,"tag":74,"props":3323,"children":3324},{"class":76,"line":172},[3325,3329,3333,3337,3341,3345,3349,3353,3357,3361],{"type":14,"tag":74,"props":3326,"children":3327},{"class":133},[3328],{"type":20,"value":178},{"type":14,"tag":74,"props":3330,"children":3331},{"class":81},[3332],{"type":20,"value":95},{"type":14,"tag":74,"props":3334,"children":3335},{"class":185},[3336],{"type":20,"value":188},{"type":14,"tag":74,"props":3338,"children":3339},{"class":81},[3340],{"type":20,"value":95},{"type":14,"tag":74,"props":3342,"children":3343},{"class":133},[3344],{"type":20,"value":106},{"type":14,"tag":74,"props":3346,"children":3347},{"class":81},[3348],{"type":20,"value":95},{"type":14,"tag":74,"props":3350,"children":3351},{"class":98},[3352],{"type":20,"value":205},{"type":14,"tag":74,"props":3354,"children":3355},{"class":81},[3356],{"type":20,"value":210},{"type":14,"tag":74,"props":3358,"children":3359},{"class":109},[3360],{"type":20,"value":215},{"type":14,"tag":74,"props":3362,"children":3363},{"class":81},[3364],{"type":20,"value":220},{"type":14,"tag":74,"props":3366,"children":3367},{"class":76,"line":223},[3368,3372,3376,3380,3384,3388,3392,3396],{"type":14,"tag":74,"props":3369,"children":3370},{"class":133},[3371],{"type":20,"value":178},{"type":14,"tag":74,"props":3373,"children":3374},{"class":81},[3375],{"type":20,"value":95},{"type":14,"tag":74,"props":3377,"children":3378},{"class":185},[3379],{"type":20,"value":237},{"type":14,"tag":74,"props":3381,"children":3382},{"class":81},[3383],{"type":20,"value":95},{"type":14,"tag":74,"props":3385,"children":3386},{"class":133},[3387],{"type":20,"value":106},{"type":14,"tag":74,"props":3389,"children":3390},{"class":81},[3391],{"type":20,"value":95},{"type":14,"tag":74,"props":3393,"children":3394},{"class":98},[3395],{"type":20,"value":205},{"type":14,"tag":74,"props":3397,"children":3398},{"class":81},[3399],{"type":20,"value":258},{"type":14,"tag":74,"props":3401,"children":3402},{"class":76,"line":261},[3403,3407,3411,3416,3420],{"type":14,"tag":74,"props":3404,"children":3405},{"class":81},[3406],{"type":20,"value":267},{"type":14,"tag":74,"props":3408,"children":3409},{"class":109},[3410],{"type":20,"value":215},{"type":14,"tag":74,"props":3412,"children":3413},{"class":81},[3414],{"type":20,"value":3415},", fruit: { name: ",{"type":14,"tag":74,"props":3417,"children":3418},{"class":109},[3419],{"type":20,"value":281},{"type":14,"tag":74,"props":3421,"children":3422},{"class":81},[3423],{"type":20,"value":3424}," } },\n",{"type":14,"tag":74,"props":3426,"children":3427},{"class":76,"line":289},[3428,3432,3436,3440,3444],{"type":14,"tag":74,"props":3429,"children":3430},{"class":81},[3431],{"type":20,"value":267},{"type":14,"tag":74,"props":3433,"children":3434},{"class":109},[3435],{"type":20,"value":299},{"type":14,"tag":74,"props":3437,"children":3438},{"class":81},[3439],{"type":20,"value":3415},{"type":14,"tag":74,"props":3441,"children":3442},{"class":109},[3443],{"type":20,"value":308},{"type":14,"tag":74,"props":3445,"children":3446},{"class":81},[3447],{"type":20,"value":3424},{"type":14,"tag":74,"props":3449,"children":3450},{"class":76,"line":315},[3451,3455,3459,3463,3467],{"type":14,"tag":74,"props":3452,"children":3453},{"class":81},[3454],{"type":20,"value":267},{"type":14,"tag":74,"props":3456,"children":3457},{"class":109},[3458],{"type":20,"value":325},{"type":14,"tag":74,"props":3460,"children":3461},{"class":81},[3462],{"type":20,"value":3415},{"type":14,"tag":74,"props":3464,"children":3465},{"class":109},[3466],{"type":20,"value":334},{"type":14,"tag":74,"props":3468,"children":3469},{"class":81},[3470],{"type":20,"value":3424},{"type":14,"tag":74,"props":3472,"children":3473},{"class":76,"line":341},[3474,3478,3482,3486,3490],{"type":14,"tag":74,"props":3475,"children":3476},{"class":81},[3477],{"type":20,"value":267},{"type":14,"tag":74,"props":3479,"children":3480},{"class":109},[3481],{"type":20,"value":351},{"type":14,"tag":74,"props":3483,"children":3484},{"class":81},[3485],{"type":20,"value":3415},{"type":14,"tag":74,"props":3487,"children":3488},{"class":109},[3489],{"type":20,"value":360},{"type":14,"tag":74,"props":3491,"children":3492},{"class":81},[3493],{"type":20,"value":3494}," } }\n",{"type":14,"tag":74,"props":3496,"children":3497},{"class":76,"line":368},[3498],{"type":14,"tag":74,"props":3499,"children":3500},{"class":81},[3501],{"type":20,"value":220},{"type":14,"tag":74,"props":3503,"children":3504},{"class":76,"line":376},[3505],{"type":14,"tag":74,"props":3506,"children":3507},{},[3508],{"type":20,"value":169},{"type":14,"tag":74,"props":3510,"children":3511},{"class":76,"line":393},[3512,3516,3520,3525,3529,3533,3537,3542],{"type":14,"tag":74,"props":3513,"children":3514},{"class":133},[3515],{"type":20,"value":178},{"type":14,"tag":74,"props":3517,"children":3518},{"class":81},[3519],{"type":20,"value":95},{"type":14,"tag":74,"props":3521,"children":3522},{"class":185},[3523],{"type":20,"value":3524},"labelRenderString",{"type":14,"tag":74,"props":3526,"children":3527},{"class":81},[3528],{"type":20,"value":95},{"type":14,"tag":74,"props":3530,"children":3531},{"class":133},[3532],{"type":20,"value":106},{"type":14,"tag":74,"props":3534,"children":3535},{"class":81},[3536],{"type":20,"value":95},{"type":14,"tag":74,"props":3538,"children":3539},{"class":109},[3540],{"type":20,"value":3541},"'{{fruit.name}}'",{"type":14,"tag":74,"props":3543,"children":3544},{"class":81},[3545],{"type":20,"value":160},{"type":14,"tag":74,"props":3547,"children":3548},{"class":76,"line":401},[3549,3553,3557],{"type":14,"tag":74,"props":3550,"children":3551},{"class":81},[3552],{"type":20,"value":382},{"type":14,"tag":74,"props":3554,"children":3555},{"class":87},[3556],{"type":20,"value":90},{"type":14,"tag":74,"props":3558,"children":3559},{"class":81},[3560],{"type":20,"value":126},{"type":14,"tag":74,"props":3562,"children":3563},{"class":76,"line":417},[3564],{"type":14,"tag":74,"props":3565,"children":3566},{},[3567],{"type":20,"value":169},{"type":14,"tag":74,"props":3569,"children":3570},{"class":76,"line":472},[3571,3575,3579],{"type":14,"tag":74,"props":3572,"children":3573},{"class":81},[3574],{"type":20,"value":84},{"type":14,"tag":74,"props":3576,"children":3577},{"class":87},[3578],{"type":20,"value":47},{"type":14,"tag":74,"props":3580,"children":3581},{"class":81},[3582],{"type":20,"value":126},{"type":14,"tag":74,"props":3584,"children":3585},{"class":76,"line":1757},[3586,3590,3594,3598,3602,3606,3610,3614,3618,3622,3626,3630,3635,3639,3644],{"type":14,"tag":74,"props":3587,"children":3588},{"class":81},[3589],{"type":20,"value":423},{"type":14,"tag":74,"props":3591,"children":3592},{"class":426},[3593],{"type":20,"value":39},{"type":14,"tag":74,"props":3595,"children":3596},{"class":81},[3597],{"type":20,"value":95},{"type":14,"tag":74,"props":3599,"children":3600},{"class":98},[3601],{"type":20,"value":437},{"type":14,"tag":74,"props":3603,"children":3604},{"class":81},[3605],{"type":20,"value":106},{"type":14,"tag":74,"props":3607,"children":3608},{"class":109},[3609],{"type":20,"value":446},{"type":14,"tag":74,"props":3611,"children":3612},{"class":81},[3613],{"type":20,"value":95},{"type":14,"tag":74,"props":3615,"children":3616},{"class":98},[3617],{"type":20,"value":455},{"type":14,"tag":74,"props":3619,"children":3620},{"class":81},[3621],{"type":20,"value":106},{"type":14,"tag":74,"props":3623,"children":3624},{"class":109},[3625],{"type":20,"value":464},{"type":14,"tag":74,"props":3627,"children":3628},{"class":81},[3629],{"type":20,"value":95},{"type":14,"tag":74,"props":3631,"children":3632},{"class":98},[3633],{"type":20,"value":3634},":label",{"type":14,"tag":74,"props":3636,"children":3637},{"class":81},[3638],{"type":20,"value":106},{"type":14,"tag":74,"props":3640,"children":3641},{"class":109},[3642],{"type":20,"value":3643},"\"labelRenderString\"",{"type":14,"tag":74,"props":3645,"children":3646},{"class":81},[3647],{"type":20,"value":469},{"type":14,"tag":74,"props":3649,"children":3650},{"class":76,"line":2326},[3651,3655,3659],{"type":14,"tag":74,"props":3652,"children":3653},{"class":81},[3654],{"type":20,"value":382},{"type":14,"tag":74,"props":3656,"children":3657},{"class":87},[3658],{"type":20,"value":47},{"type":14,"tag":74,"props":3660,"children":3661},{"class":81},[3662],{"type":20,"value":486},{"type":14,"tag":3207,"props":3664,"children":3666},{"id":3665},"render-function",[3667],{"type":20,"value":3668},"Render Function",{"type":14,"tag":29,"props":3670,"children":3671},{},[3672,3674,3679],{"type":20,"value":3673},"Render functions are functions that return a string or ",{"type":14,"tag":35,"props":3675,"children":3676},{},[3677],{"type":20,"value":3678},"VNode",{"type":20,"value":3680},". They receive the option being rendered as an argument.",{"type":14,"tag":43,"props":3682,"children":3683},{},[3684,3691],{"type":14,"tag":47,"props":3685,"children":3686},{"v-slot:preview":7},[3687],{"type":14,"tag":51,"props":3688,"children":3690},{"src":3689},"/components/ICheckboxButtons/examples/render-function",[],{"type":14,"tag":47,"props":3692,"children":3693},{"v-slot:vue":7},[3694],{"type":14,"tag":59,"props":3695,"children":3698},{"className":3696,"code":3697,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { h, ref } from 'vue';\nimport type { LabelRenderFunction, CheckboxButtonOption } from '@inkline/inkline';\n\nconst checked = ref(['apple']);\n\nconst options = ref\u003CCheckboxButtonOption[]>([\n    { id: 'apple' },\n    { id: 'banana' },\n    { id: 'strawberry' },\n    { id: 'mango' }\n]);\n\nconst labelRenderFunction: LabelRenderFunction\u003CCheckboxButtonOption> = (option) =>\n    h('strong', option.id);\n\u003C/script>\n\n\u003Ctemplate>\n    \u003CICheckboxButtons v-model=\"checked\" :options=\"options\" :label=\"labelRenderFunction\" />\n\u003C/template>\n\n",[3699],{"type":14,"tag":67,"props":3700,"children":3701},{},[3702],{"type":14,"tag":59,"props":3703,"children":3704},{"__ignoreMap":7},[3705,3744,3772,3810,3817,3860,3867,3912,3927,3942,3957,3972,3979,3986,4052,4079,4094,4101,4117,4182],{"type":14,"tag":74,"props":3706,"children":3707},{"class":76,"line":77},[3708,3712,3716,3720,3724,3728,3732,3736,3740],{"type":14,"tag":74,"props":3709,"children":3710},{"class":81},[3711],{"type":20,"value":84},{"type":14,"tag":74,"props":3713,"children":3714},{"class":87},[3715],{"type":20,"value":90},{"type":14,"tag":74,"props":3717,"children":3718},{"class":81},[3719],{"type":20,"value":95},{"type":14,"tag":74,"props":3721,"children":3722},{"class":98},[3723],{"type":20,"value":101},{"type":14,"tag":74,"props":3725,"children":3726},{"class":81},[3727],{"type":20,"value":106},{"type":14,"tag":74,"props":3729,"children":3730},{"class":109},[3731],{"type":20,"value":112},{"type":14,"tag":74,"props":3733,"children":3734},{"class":81},[3735],{"type":20,"value":95},{"type":14,"tag":74,"props":3737,"children":3738},{"class":98},[3739],{"type":20,"value":121},{"type":14,"tag":74,"props":3741,"children":3742},{"class":81},[3743],{"type":20,"value":126},{"type":14,"tag":74,"props":3745,"children":3746},{"class":76,"line":129},[3747,3751,3756,3760,3764,3768],{"type":14,"tag":74,"props":3748,"children":3749},{"class":133},[3750],{"type":20,"value":136},{"type":14,"tag":74,"props":3752,"children":3753},{"class":81},[3754],{"type":20,"value":3755}," { h, ref } ",{"type":14,"tag":74,"props":3757,"children":3758},{"class":133},[3759],{"type":20,"value":146},{"type":14,"tag":74,"props":3761,"children":3762},{"class":81},[3763],{"type":20,"value":95},{"type":14,"tag":74,"props":3765,"children":3766},{"class":109},[3767],{"type":20,"value":155},{"type":14,"tag":74,"props":3769,"children":3770},{"class":81},[3771],{"type":20,"value":160},{"type":14,"tag":74,"props":3773,"children":3774},{"class":76,"line":163},[3775,3779,3783,3788,3793,3797,3801,3806],{"type":14,"tag":74,"props":3776,"children":3777},{"class":133},[3778],{"type":20,"value":136},{"type":14,"tag":74,"props":3780,"children":3781},{"class":81},[3782],{"type":20,"value":95},{"type":14,"tag":74,"props":3784,"children":3785},{"class":133},[3786],{"type":20,"value":3787},"type",{"type":14,"tag":74,"props":3789,"children":3790},{"class":81},[3791],{"type":20,"value":3792}," { LabelRenderFunction, CheckboxButtonOption } ",{"type":14,"tag":74,"props":3794,"children":3795},{"class":133},[3796],{"type":20,"value":146},{"type":14,"tag":74,"props":3798,"children":3799},{"class":81},[3800],{"type":20,"value":95},{"type":14,"tag":74,"props":3802,"children":3803},{"class":109},[3804],{"type":20,"value":3805},"'@inkline/inkline'",{"type":14,"tag":74,"props":3807,"children":3808},{"class":81},[3809],{"type":20,"value":160},{"type":14,"tag":74,"props":3811,"children":3812},{"class":76,"line":172},[3813],{"type":14,"tag":74,"props":3814,"children":3815},{},[3816],{"type":20,"value":169},{"type":14,"tag":74,"props":3818,"children":3819},{"class":76,"line":223},[3820,3824,3828,3832,3836,3840,3844,3848,3852,3856],{"type":14,"tag":74,"props":3821,"children":3822},{"class":133},[3823],{"type":20,"value":178},{"type":14,"tag":74,"props":3825,"children":3826},{"class":81},[3827],{"type":20,"value":95},{"type":14,"tag":74,"props":3829,"children":3830},{"class":185},[3831],{"type":20,"value":188},{"type":14,"tag":74,"props":3833,"children":3834},{"class":81},[3835],{"type":20,"value":95},{"type":14,"tag":74,"props":3837,"children":3838},{"class":133},[3839],{"type":20,"value":106},{"type":14,"tag":74,"props":3841,"children":3842},{"class":81},[3843],{"type":20,"value":95},{"type":14,"tag":74,"props":3845,"children":3846},{"class":98},[3847],{"type":20,"value":205},{"type":14,"tag":74,"props":3849,"children":3850},{"class":81},[3851],{"type":20,"value":210},{"type":14,"tag":74,"props":3853,"children":3854},{"class":109},[3855],{"type":20,"value":215},{"type":14,"tag":74,"props":3857,"children":3858},{"class":81},[3859],{"type":20,"value":220},{"type":14,"tag":74,"props":3861,"children":3862},{"class":76,"line":261},[3863],{"type":14,"tag":74,"props":3864,"children":3865},{},[3866],{"type":20,"value":169},{"type":14,"tag":74,"props":3868,"children":3869},{"class":76,"line":289},[3870,3874,3878,3882,3886,3890,3894,3898,3902,3907],{"type":14,"tag":74,"props":3871,"children":3872},{"class":133},[3873],{"type":20,"value":178},{"type":14,"tag":74,"props":3875,"children":3876},{"class":81},[3877],{"type":20,"value":95},{"type":14,"tag":74,"props":3879,"children":3880},{"class":185},[3881],{"type":20,"value":237},{"type":14,"tag":74,"props":3883,"children":3884},{"class":81},[3885],{"type":20,"value":95},{"type":14,"tag":74,"props":3887,"children":3888},{"class":133},[3889],{"type":20,"value":106},{"type":14,"tag":74,"props":3891,"children":3892},{"class":81},[3893],{"type":20,"value":95},{"type":14,"tag":74,"props":3895,"children":3896},{"class":98},[3897],{"type":20,"value":205},{"type":14,"tag":74,"props":3899,"children":3900},{"class":81},[3901],{"type":20,"value":84},{"type":14,"tag":74,"props":3903,"children":3904},{"class":98},[3905],{"type":20,"value":3906},"CheckboxButtonOption",{"type":14,"tag":74,"props":3908,"children":3909},{"class":81},[3910],{"type":20,"value":3911},"[]>([\n",{"type":14,"tag":74,"props":3913,"children":3914},{"class":76,"line":315},[3915,3919,3923],{"type":14,"tag":74,"props":3916,"children":3917},{"class":81},[3918],{"type":20,"value":267},{"type":14,"tag":74,"props":3920,"children":3921},{"class":109},[3922],{"type":20,"value":215},{"type":14,"tag":74,"props":3924,"children":3925},{"class":81},[3926],{"type":20,"value":286},{"type":14,"tag":74,"props":3928,"children":3929},{"class":76,"line":341},[3930,3934,3938],{"type":14,"tag":74,"props":3931,"children":3932},{"class":81},[3933],{"type":20,"value":267},{"type":14,"tag":74,"props":3935,"children":3936},{"class":109},[3937],{"type":20,"value":299},{"type":14,"tag":74,"props":3939,"children":3940},{"class":81},[3941],{"type":20,"value":286},{"type":14,"tag":74,"props":3943,"children":3944},{"class":76,"line":368},[3945,3949,3953],{"type":14,"tag":74,"props":3946,"children":3947},{"class":81},[3948],{"type":20,"value":267},{"type":14,"tag":74,"props":3950,"children":3951},{"class":109},[3952],{"type":20,"value":325},{"type":14,"tag":74,"props":3954,"children":3955},{"class":81},[3956],{"type":20,"value":286},{"type":14,"tag":74,"props":3958,"children":3959},{"class":76,"line":376},[3960,3964,3968],{"type":14,"tag":74,"props":3961,"children":3962},{"class":81},[3963],{"type":20,"value":267},{"type":14,"tag":74,"props":3965,"children":3966},{"class":109},[3967],{"type":20,"value":351},{"type":14,"tag":74,"props":3969,"children":3970},{"class":81},[3971],{"type":20,"value":365},{"type":14,"tag":74,"props":3973,"children":3974},{"class":76,"line":393},[3975],{"type":14,"tag":74,"props":3976,"children":3977},{"class":81},[3978],{"type":20,"value":220},{"type":14,"tag":74,"props":3980,"children":3981},{"class":76,"line":401},[3982],{"type":14,"tag":74,"props":3983,"children":3984},{},[3985],{"type":20,"value":169},{"type":14,"tag":74,"props":3987,"children":3988},{"class":76,"line":417},[3989,3993,3997,4002,4006,4010,4015,4019,4023,4028,4032,4037,4042,4047],{"type":14,"tag":74,"props":3990,"children":3991},{"class":133},[3992],{"type":20,"value":178},{"type":14,"tag":74,"props":3994,"children":3995},{"class":81},[3996],{"type":20,"value":95},{"type":14,"tag":74,"props":3998,"children":3999},{"class":98},[4000],{"type":20,"value":4001},"labelRenderFunction",{"type":14,"tag":74,"props":4003,"children":4004},{"class":133},[4005],{"type":20,"value":2965},{"type":14,"tag":74,"props":4007,"children":4008},{"class":81},[4009],{"type":20,"value":95},{"type":14,"tag":74,"props":4011,"children":4012},{"class":98},[4013],{"type":20,"value":4014},"LabelRenderFunction",{"type":14,"tag":74,"props":4016,"children":4017},{"class":81},[4018],{"type":20,"value":84},{"type":14,"tag":74,"props":4020,"children":4021},{"class":98},[4022],{"type":20,"value":3906},{"type":14,"tag":74,"props":4024,"children":4025},{"class":81},[4026],{"type":20,"value":4027},"> ",{"type":14,"tag":74,"props":4029,"children":4030},{"class":133},[4031],{"type":20,"value":106},{"type":14,"tag":74,"props":4033,"children":4034},{"class":81},[4035],{"type":20,"value":4036}," (",{"type":14,"tag":74,"props":4038,"children":4039},{"class":2958},[4040],{"type":20,"value":4041},"option",{"type":14,"tag":74,"props":4043,"children":4044},{"class":81},[4045],{"type":20,"value":4046},") ",{"type":14,"tag":74,"props":4048,"children":4049},{"class":133},[4050],{"type":20,"value":4051},"=>\n",{"type":14,"tag":74,"props":4053,"children":4054},{"class":76,"line":472},[4055,4059,4064,4069,4074],{"type":14,"tag":74,"props":4056,"children":4057},{"class":81},[4058],{"type":20,"value":2955},{"type":14,"tag":74,"props":4060,"children":4061},{"class":98},[4062],{"type":20,"value":4063},"h",{"type":14,"tag":74,"props":4065,"children":4066},{"class":81},[4067],{"type":20,"value":4068},"(",{"type":14,"tag":74,"props":4070,"children":4071},{"class":109},[4072],{"type":20,"value":4073},"'strong'",{"type":14,"tag":74,"props":4075,"children":4076},{"class":81},[4077],{"type":20,"value":4078},", option.id);\n",{"type":14,"tag":74,"props":4080,"children":4081},{"class":76,"line":1757},[4082,4086,4090],{"type":14,"tag":74,"props":4083,"children":4084},{"class":81},[4085],{"type":20,"value":382},{"type":14,"tag":74,"props":4087,"children":4088},{"class":87},[4089],{"type":20,"value":90},{"type":14,"tag":74,"props":4091,"children":4092},{"class":81},[4093],{"type":20,"value":126},{"type":14,"tag":74,"props":4095,"children":4096},{"class":76,"line":2326},[4097],{"type":14,"tag":74,"props":4098,"children":4099},{},[4100],{"type":20,"value":169},{"type":14,"tag":74,"props":4102,"children":4104},{"class":76,"line":4103},18,[4105,4109,4113],{"type":14,"tag":74,"props":4106,"children":4107},{"class":81},[4108],{"type":20,"value":84},{"type":14,"tag":74,"props":4110,"children":4111},{"class":87},[4112],{"type":20,"value":47},{"type":14,"tag":74,"props":4114,"children":4115},{"class":81},[4116],{"type":20,"value":126},{"type":14,"tag":74,"props":4118,"children":4120},{"class":76,"line":4119},19,[4121,4125,4129,4133,4137,4141,4145,4149,4153,4157,4161,4165,4169,4173,4178],{"type":14,"tag":74,"props":4122,"children":4123},{"class":81},[4124],{"type":20,"value":423},{"type":14,"tag":74,"props":4126,"children":4127},{"class":426},[4128],{"type":20,"value":39},{"type":14,"tag":74,"props":4130,"children":4131},{"class":81},[4132],{"type":20,"value":95},{"type":14,"tag":74,"props":4134,"children":4135},{"class":98},[4136],{"type":20,"value":437},{"type":14,"tag":74,"props":4138,"children":4139},{"class":81},[4140],{"type":20,"value":106},{"type":14,"tag":74,"props":4142,"children":4143},{"class":109},[4144],{"type":20,"value":446},{"type":14,"tag":74,"props":4146,"children":4147},{"class":81},[4148],{"type":20,"value":95},{"type":14,"tag":74,"props":4150,"children":4151},{"class":98},[4152],{"type":20,"value":455},{"type":14,"tag":74,"props":4154,"children":4155},{"class":81},[4156],{"type":20,"value":106},{"type":14,"tag":74,"props":4158,"children":4159},{"class":109},[4160],{"type":20,"value":464},{"type":14,"tag":74,"props":4162,"children":4163},{"class":81},[4164],{"type":20,"value":95},{"type":14,"tag":74,"props":4166,"children":4167},{"class":98},[4168],{"type":20,"value":3634},{"type":14,"tag":74,"props":4170,"children":4171},{"class":81},[4172],{"type":20,"value":106},{"type":14,"tag":74,"props":4174,"children":4175},{"class":109},[4176],{"type":20,"value":4177},"\"labelRenderFunction\"",{"type":14,"tag":74,"props":4179,"children":4180},{"class":81},[4181],{"type":20,"value":469},{"type":14,"tag":74,"props":4183,"children":4185},{"class":76,"line":4184},20,[4186,4190,4194],{"type":14,"tag":74,"props":4187,"children":4188},{"class":81},[4189],{"type":20,"value":382},{"type":14,"tag":74,"props":4191,"children":4192},{"class":87},[4193],{"type":20,"value":47},{"type":14,"tag":74,"props":4195,"children":4196},{"class":81},[4197],{"type":20,"value":486},{"type":14,"tag":3207,"props":4199,"children":4201},{"id":4200},"component",[4202],{"type":20,"value":4203},"Component",{"type":14,"tag":29,"props":4205,"children":4206},{},[4207,4209,4214],{"type":20,"value":4208},"You can also use a component to render each option. The component will receive the option being rendered as a prop named ",{"type":14,"tag":35,"props":4210,"children":4211},{},[4212],{"type":20,"value":4213},"ctx",{"type":20,"value":4215}," (context).",{"type":14,"tag":43,"props":4217,"children":4218},{},[4219,4226],{"type":14,"tag":47,"props":4220,"children":4221},{"v-slot:preview":7},[4222],{"type":14,"tag":51,"props":4223,"children":4225},{"src":4224},"/components/ICheckboxButtons/examples/render-component",[],{"type":14,"tag":47,"props":4227,"children":4228},{"v-slot:vue":7},[4229],{"type":14,"tag":59,"props":4230,"children":4233},{"className":4231,"code":4232,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { defineComponent, h, markRaw, ref } from 'vue';\nimport type { CheckboxButtonOption } from '@inkline/inkline';\n\nconst LabelRenderComponent = markRaw(\n    defineComponent({\n        props: {\n            ctx: {\n                type: Object,\n                default: () => ({})\n            }\n        },\n        setup(props) {\n            return () => h('strong', props.ctx.id);\n        }\n    })\n);\n\nconst checked = ref(['apple']);\n\nconst options = ref\u003CCheckboxButtonOption[]>([\n    { id: 'apple' },\n    { id: 'banana' },\n    { id: 'strawberry' },\n    { id: 'mango' }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n    \u003CICheckboxButtons v-model=\"checked\" :options=\"options\" :label=\"LabelRenderComponent\" />\n\u003C/template>\n\n",[4234],{"type":14,"tag":67,"props":4235,"children":4236},{},[4237],{"type":14,"tag":59,"props":4238,"children":4239},{"__ignoreMap":7},[4240,4279,4307,4343,4350,4388,4405,4413,4421,4429,4456,4464,4472,4498,4541,4549,4557,4565,4572,4615,4622,4666,4682,4698,4714,4730,4738,4754,4762,4778,4843],{"type":14,"tag":74,"props":4241,"children":4242},{"class":76,"line":77},[4243,4247,4251,4255,4259,4263,4267,4271,4275],{"type":14,"tag":74,"props":4244,"children":4245},{"class":81},[4246],{"type":20,"value":84},{"type":14,"tag":74,"props":4248,"children":4249},{"class":87},[4250],{"type":20,"value":90},{"type":14,"tag":74,"props":4252,"children":4253},{"class":81},[4254],{"type":20,"value":95},{"type":14,"tag":74,"props":4256,"children":4257},{"class":98},[4258],{"type":20,"value":101},{"type":14,"tag":74,"props":4260,"children":4261},{"class":81},[4262],{"type":20,"value":106},{"type":14,"tag":74,"props":4264,"children":4265},{"class":109},[4266],{"type":20,"value":112},{"type":14,"tag":74,"props":4268,"children":4269},{"class":81},[4270],{"type":20,"value":95},{"type":14,"tag":74,"props":4272,"children":4273},{"class":98},[4274],{"type":20,"value":121},{"type":14,"tag":74,"props":4276,"children":4277},{"class":81},[4278],{"type":20,"value":126},{"type":14,"tag":74,"props":4280,"children":4281},{"class":76,"line":129},[4282,4286,4291,4295,4299,4303],{"type":14,"tag":74,"props":4283,"children":4284},{"class":133},[4285],{"type":20,"value":136},{"type":14,"tag":74,"props":4287,"children":4288},{"class":81},[4289],{"type":20,"value":4290}," { defineComponent, h, markRaw, ref } ",{"type":14,"tag":74,"props":4292,"children":4293},{"class":133},[4294],{"type":20,"value":146},{"type":14,"tag":74,"props":4296,"children":4297},{"class":81},[4298],{"type":20,"value":95},{"type":14,"tag":74,"props":4300,"children":4301},{"class":109},[4302],{"type":20,"value":155},{"type":14,"tag":74,"props":4304,"children":4305},{"class":81},[4306],{"type":20,"value":160},{"type":14,"tag":74,"props":4308,"children":4309},{"class":76,"line":163},[4310,4314,4318,4322,4327,4331,4335,4339],{"type":14,"tag":74,"props":4311,"children":4312},{"class":133},[4313],{"type":20,"value":136},{"type":14,"tag":74,"props":4315,"children":4316},{"class":81},[4317],{"type":20,"value":95},{"type":14,"tag":74,"props":4319,"children":4320},{"class":133},[4321],{"type":20,"value":3787},{"type":14,"tag":74,"props":4323,"children":4324},{"class":81},[4325],{"type":20,"value":4326}," { CheckboxButtonOption } ",{"type":14,"tag":74,"props":4328,"children":4329},{"class":133},[4330],{"type":20,"value":146},{"type":14,"tag":74,"props":4332,"children":4333},{"class":81},[4334],{"type":20,"value":95},{"type":14,"tag":74,"props":4336,"children":4337},{"class":109},[4338],{"type":20,"value":3805},{"type":14,"tag":74,"props":4340,"children":4341},{"class":81},[4342],{"type":20,"value":160},{"type":14,"tag":74,"props":4344,"children":4345},{"class":76,"line":172},[4346],{"type":14,"tag":74,"props":4347,"children":4348},{},[4349],{"type":20,"value":169},{"type":14,"tag":74,"props":4351,"children":4352},{"class":76,"line":223},[4353,4357,4361,4366,4370,4374,4378,4383],{"type":14,"tag":74,"props":4354,"children":4355},{"class":133},[4356],{"type":20,"value":178},{"type":14,"tag":74,"props":4358,"children":4359},{"class":81},[4360],{"type":20,"value":95},{"type":14,"tag":74,"props":4362,"children":4363},{"class":185},[4364],{"type":20,"value":4365},"LabelRenderComponent",{"type":14,"tag":74,"props":4367,"children":4368},{"class":81},[4369],{"type":20,"value":95},{"type":14,"tag":74,"props":4371,"children":4372},{"class":133},[4373],{"type":20,"value":106},{"type":14,"tag":74,"props":4375,"children":4376},{"class":81},[4377],{"type":20,"value":95},{"type":14,"tag":74,"props":4379,"children":4380},{"class":98},[4381],{"type":20,"value":4382},"markRaw",{"type":14,"tag":74,"props":4384,"children":4385},{"class":81},[4386],{"type":20,"value":4387},"(\n",{"type":14,"tag":74,"props":4389,"children":4390},{"class":76,"line":261},[4391,4395,4400],{"type":14,"tag":74,"props":4392,"children":4393},{"class":81},[4394],{"type":20,"value":2955},{"type":14,"tag":74,"props":4396,"children":4397},{"class":98},[4398],{"type":20,"value":4399},"defineComponent",{"type":14,"tag":74,"props":4401,"children":4402},{"class":81},[4403],{"type":20,"value":4404},"({\n",{"type":14,"tag":74,"props":4406,"children":4407},{"class":76,"line":289},[4408],{"type":14,"tag":74,"props":4409,"children":4410},{"class":81},[4411],{"type":20,"value":4412},"        props: {\n",{"type":14,"tag":74,"props":4414,"children":4415},{"class":76,"line":315},[4416],{"type":14,"tag":74,"props":4417,"children":4418},{"class":81},[4419],{"type":20,"value":4420},"            ctx: {\n",{"type":14,"tag":74,"props":4422,"children":4423},{"class":76,"line":341},[4424],{"type":14,"tag":74,"props":4425,"children":4426},{"class":81},[4427],{"type":20,"value":4428},"                type: Object,\n",{"type":14,"tag":74,"props":4430,"children":4431},{"class":76,"line":368},[4432,4437,4441,4446,4451],{"type":14,"tag":74,"props":4433,"children":4434},{"class":81},[4435],{"type":20,"value":4436},"                ",{"type":14,"tag":74,"props":4438,"children":4439},{"class":98},[4440],{"type":20,"value":2361},{"type":14,"tag":74,"props":4442,"children":4443},{"class":81},[4444],{"type":20,"value":4445},": () ",{"type":14,"tag":74,"props":4447,"children":4448},{"class":133},[4449],{"type":20,"value":4450},"=>",{"type":14,"tag":74,"props":4452,"children":4453},{"class":81},[4454],{"type":20,"value":4455}," ({})\n",{"type":14,"tag":74,"props":4457,"children":4458},{"class":76,"line":376},[4459],{"type":14,"tag":74,"props":4460,"children":4461},{"class":81},[4462],{"type":20,"value":4463},"            }\n",{"type":14,"tag":74,"props":4465,"children":4466},{"class":76,"line":393},[4467],{"type":14,"tag":74,"props":4468,"children":4469},{"class":81},[4470],{"type":20,"value":4471},"        },\n",{"type":14,"tag":74,"props":4473,"children":4474},{"class":76,"line":401},[4475,4480,4484,4488,4493],{"type":14,"tag":74,"props":4476,"children":4477},{"class":81},[4478],{"type":20,"value":4479},"        ",{"type":14,"tag":74,"props":4481,"children":4482},{"class":98},[4483],{"type":20,"value":121},{"type":14,"tag":74,"props":4485,"children":4486},{"class":81},[4487],{"type":20,"value":4068},{"type":14,"tag":74,"props":4489,"children":4490},{"class":2958},[4491],{"type":20,"value":4492},"props",{"type":14,"tag":74,"props":4494,"children":4495},{"class":81},[4496],{"type":20,"value":4497},") {\n",{"type":14,"tag":74,"props":4499,"children":4500},{"class":76,"line":417},[4501,4506,4511,4516,4520,4524,4528,4532,4536],{"type":14,"tag":74,"props":4502,"children":4503},{"class":81},[4504],{"type":20,"value":4505},"            ",{"type":14,"tag":74,"props":4507,"children":4508},{"class":133},[4509],{"type":20,"value":4510},"return",{"type":14,"tag":74,"props":4512,"children":4513},{"class":81},[4514],{"type":20,"value":4515}," () ",{"type":14,"tag":74,"props":4517,"children":4518},{"class":133},[4519],{"type":20,"value":4450},{"type":14,"tag":74,"props":4521,"children":4522},{"class":81},[4523],{"type":20,"value":95},{"type":14,"tag":74,"props":4525,"children":4526},{"class":98},[4527],{"type":20,"value":4063},{"type":14,"tag":74,"props":4529,"children":4530},{"class":81},[4531],{"type":20,"value":4068},{"type":14,"tag":74,"props":4533,"children":4534},{"class":109},[4535],{"type":20,"value":4073},{"type":14,"tag":74,"props":4537,"children":4538},{"class":81},[4539],{"type":20,"value":4540},", props.ctx.id);\n",{"type":14,"tag":74,"props":4542,"children":4543},{"class":76,"line":472},[4544],{"type":14,"tag":74,"props":4545,"children":4546},{"class":81},[4547],{"type":20,"value":4548},"        }\n",{"type":14,"tag":74,"props":4550,"children":4551},{"class":76,"line":1757},[4552],{"type":14,"tag":74,"props":4553,"children":4554},{"class":81},[4555],{"type":20,"value":4556},"    })\n",{"type":14,"tag":74,"props":4558,"children":4559},{"class":76,"line":2326},[4560],{"type":14,"tag":74,"props":4561,"children":4562},{"class":81},[4563],{"type":20,"value":4564},");\n",{"type":14,"tag":74,"props":4566,"children":4567},{"class":76,"line":4103},[4568],{"type":14,"tag":74,"props":4569,"children":4570},{},[4571],{"type":20,"value":169},{"type":14,"tag":74,"props":4573,"children":4574},{"class":76,"line":4119},[4575,4579,4583,4587,4591,4595,4599,4603,4607,4611],{"type":14,"tag":74,"props":4576,"children":4577},{"class":133},[4578],{"type":20,"value":178},{"type":14,"tag":74,"props":4580,"children":4581},{"class":81},[4582],{"type":20,"value":95},{"type":14,"tag":74,"props":4584,"children":4585},{"class":185},[4586],{"type":20,"value":188},{"type":14,"tag":74,"props":4588,"children":4589},{"class":81},[4590],{"type":20,"value":95},{"type":14,"tag":74,"props":4592,"children":4593},{"class":133},[4594],{"type":20,"value":106},{"type":14,"tag":74,"props":4596,"children":4597},{"class":81},[4598],{"type":20,"value":95},{"type":14,"tag":74,"props":4600,"children":4601},{"class":98},[4602],{"type":20,"value":205},{"type":14,"tag":74,"props":4604,"children":4605},{"class":81},[4606],{"type":20,"value":210},{"type":14,"tag":74,"props":4608,"children":4609},{"class":109},[4610],{"type":20,"value":215},{"type":14,"tag":74,"props":4612,"children":4613},{"class":81},[4614],{"type":20,"value":220},{"type":14,"tag":74,"props":4616,"children":4617},{"class":76,"line":4184},[4618],{"type":14,"tag":74,"props":4619,"children":4620},{},[4621],{"type":20,"value":169},{"type":14,"tag":74,"props":4623,"children":4625},{"class":76,"line":4624},21,[4626,4630,4634,4638,4642,4646,4650,4654,4658,4662],{"type":14,"tag":74,"props":4627,"children":4628},{"class":133},[4629],{"type":20,"value":178},{"type":14,"tag":74,"props":4631,"children":4632},{"class":81},[4633],{"type":20,"value":95},{"type":14,"tag":74,"props":4635,"children":4636},{"class":185},[4637],{"type":20,"value":237},{"type":14,"tag":74,"props":4639,"children":4640},{"class":81},[4641],{"type":20,"value":95},{"type":14,"tag":74,"props":4643,"children":4644},{"class":133},[4645],{"type":20,"value":106},{"type":14,"tag":74,"props":4647,"children":4648},{"class":81},[4649],{"type":20,"value":95},{"type":14,"tag":74,"props":4651,"children":4652},{"class":98},[4653],{"type":20,"value":205},{"type":14,"tag":74,"props":4655,"children":4656},{"class":81},[4657],{"type":20,"value":84},{"type":14,"tag":74,"props":4659,"children":4660},{"class":98},[4661],{"type":20,"value":3906},{"type":14,"tag":74,"props":4663,"children":4664},{"class":81},[4665],{"type":20,"value":3911},{"type":14,"tag":74,"props":4667,"children":4669},{"class":76,"line":4668},22,[4670,4674,4678],{"type":14,"tag":74,"props":4671,"children":4672},{"class":81},[4673],{"type":20,"value":267},{"type":14,"tag":74,"props":4675,"children":4676},{"class":109},[4677],{"type":20,"value":215},{"type":14,"tag":74,"props":4679,"children":4680},{"class":81},[4681],{"type":20,"value":286},{"type":14,"tag":74,"props":4683,"children":4685},{"class":76,"line":4684},23,[4686,4690,4694],{"type":14,"tag":74,"props":4687,"children":4688},{"class":81},[4689],{"type":20,"value":267},{"type":14,"tag":74,"props":4691,"children":4692},{"class":109},[4693],{"type":20,"value":299},{"type":14,"tag":74,"props":4695,"children":4696},{"class":81},[4697],{"type":20,"value":286},{"type":14,"tag":74,"props":4699,"children":4701},{"class":76,"line":4700},24,[4702,4706,4710],{"type":14,"tag":74,"props":4703,"children":4704},{"class":81},[4705],{"type":20,"value":267},{"type":14,"tag":74,"props":4707,"children":4708},{"class":109},[4709],{"type":20,"value":325},{"type":14,"tag":74,"props":4711,"children":4712},{"class":81},[4713],{"type":20,"value":286},{"type":14,"tag":74,"props":4715,"children":4717},{"class":76,"line":4716},25,[4718,4722,4726],{"type":14,"tag":74,"props":4719,"children":4720},{"class":81},[4721],{"type":20,"value":267},{"type":14,"tag":74,"props":4723,"children":4724},{"class":109},[4725],{"type":20,"value":351},{"type":14,"tag":74,"props":4727,"children":4728},{"class":81},[4729],{"type":20,"value":365},{"type":14,"tag":74,"props":4731,"children":4733},{"class":76,"line":4732},26,[4734],{"type":14,"tag":74,"props":4735,"children":4736},{"class":81},[4737],{"type":20,"value":220},{"type":14,"tag":74,"props":4739,"children":4741},{"class":76,"line":4740},27,[4742,4746,4750],{"type":14,"tag":74,"props":4743,"children":4744},{"class":81},[4745],{"type":20,"value":382},{"type":14,"tag":74,"props":4747,"children":4748},{"class":87},[4749],{"type":20,"value":90},{"type":14,"tag":74,"props":4751,"children":4752},{"class":81},[4753],{"type":20,"value":126},{"type":14,"tag":74,"props":4755,"children":4757},{"class":76,"line":4756},28,[4758],{"type":14,"tag":74,"props":4759,"children":4760},{},[4761],{"type":20,"value":169},{"type":14,"tag":74,"props":4763,"children":4765},{"class":76,"line":4764},29,[4766,4770,4774],{"type":14,"tag":74,"props":4767,"children":4768},{"class":81},[4769],{"type":20,"value":84},{"type":14,"tag":74,"props":4771,"children":4772},{"class":87},[4773],{"type":20,"value":47},{"type":14,"tag":74,"props":4775,"children":4776},{"class":81},[4777],{"type":20,"value":126},{"type":14,"tag":74,"props":4779,"children":4781},{"class":76,"line":4780},30,[4782,4786,4790,4794,4798,4802,4806,4810,4814,4818,4822,4826,4830,4834,4839],{"type":14,"tag":74,"props":4783,"children":4784},{"class":81},[4785],{"type":20,"value":423},{"type":14,"tag":74,"props":4787,"children":4788},{"class":426},[4789],{"type":20,"value":39},{"type":14,"tag":74,"props":4791,"children":4792},{"class":81},[4793],{"type":20,"value":95},{"type":14,"tag":74,"props":4795,"children":4796},{"class":98},[4797],{"type":20,"value":437},{"type":14,"tag":74,"props":4799,"children":4800},{"class":81},[4801],{"type":20,"value":106},{"type":14,"tag":74,"props":4803,"children":4804},{"class":109},[4805],{"type":20,"value":446},{"type":14,"tag":74,"props":4807,"children":4808},{"class":81},[4809],{"type":20,"value":95},{"type":14,"tag":74,"props":4811,"children":4812},{"class":98},[4813],{"type":20,"value":455},{"type":14,"tag":74,"props":4815,"children":4816},{"class":81},[4817],{"type":20,"value":106},{"type":14,"tag":74,"props":4819,"children":4820},{"class":109},[4821],{"type":20,"value":464},{"type":14,"tag":74,"props":4823,"children":4824},{"class":81},[4825],{"type":20,"value":95},{"type":14,"tag":74,"props":4827,"children":4828},{"class":98},[4829],{"type":20,"value":3634},{"type":14,"tag":74,"props":4831,"children":4832},{"class":81},[4833],{"type":20,"value":106},{"type":14,"tag":74,"props":4835,"children":4836},{"class":109},[4837],{"type":20,"value":4838},"\"LabelRenderComponent\"",{"type":14,"tag":74,"props":4840,"children":4841},{"class":81},[4842],{"type":20,"value":469},{"type":14,"tag":74,"props":4844,"children":4846},{"class":76,"line":4845},31,[4847,4851,4855],{"type":14,"tag":74,"props":4848,"children":4849},{"class":81},[4850],{"type":20,"value":382},{"type":14,"tag":74,"props":4852,"children":4853},{"class":87},[4854],{"type":20,"value":47},{"type":14,"tag":74,"props":4856,"children":4857},{"class":81},[4858],{"type":20,"value":486},{"type":14,"tag":3207,"props":4860,"children":4862},{"id":4861},"render-per-option",[4863],{"type":20,"value":4864},"Render Per Option",{"type":14,"tag":29,"props":4866,"children":4867},{},[4868,4870,4874,4876,4880],{"type":20,"value":4869},"Each option's ",{"type":14,"tag":35,"props":4871,"children":4872},{},[4873],{"type":20,"value":2894},{"type":20,"value":4875}," field is a ",{"type":14,"tag":35,"props":4877,"children":4878},{},[4879],{"type":20,"value":2901},{"type":20,"value":4881}," property. This means you can also use a render function to render each option's label.",{"type":14,"tag":43,"props":4883,"children":4884},{},[4885,4892],{"type":14,"tag":47,"props":4886,"children":4887},{"v-slot:preview":7},[4888],{"type":14,"tag":51,"props":4889,"children":4891},{"src":4890},"/components/ICheckboxButtons/examples/render-function-per-option",[],{"type":14,"tag":47,"props":4893,"children":4894},{"v-slot:vue":7},[4895],{"type":14,"tag":59,"props":4896,"children":4899},{"className":4897,"code":4898,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { h, ref } from 'vue';\n\nconst checked = ref(['apple']);\nconst options = ref([\n    { id: 'apple', label: () => h('strong', { class: '_color:green' }, 'Apple') },\n    { id: 'banana', label: () => h('strong', { class: '_color:yellow' }, 'Banana') },\n    { id: 'strawberry', label: () => h('strong', { class: '_color:red' }, 'Strawberry') },\n    { id: 'mango', label: () => h('strong', { class: '_color:orange' }, 'Mango') }\n]);\n\u003C/script>\n\n\u003Ctemplate>\n    \u003CICheckboxButtons v-model=\"checked\" :options=\"options\" />\n\u003C/template>\n\n",[4900],{"type":14,"tag":67,"props":4901,"children":4902},{},[4903],{"type":14,"tag":59,"props":4904,"children":4905},{"__ignoreMap":7},[4906,4945,4972,4979,5022,5057,5124,5188,5252,5317,5324,5339,5346,5361,5408],{"type":14,"tag":74,"props":4907,"children":4908},{"class":76,"line":77},[4909,4913,4917,4921,4925,4929,4933,4937,4941],{"type":14,"tag":74,"props":4910,"children":4911},{"class":81},[4912],{"type":20,"value":84},{"type":14,"tag":74,"props":4914,"children":4915},{"class":87},[4916],{"type":20,"value":90},{"type":14,"tag":74,"props":4918,"children":4919},{"class":81},[4920],{"type":20,"value":95},{"type":14,"tag":74,"props":4922,"children":4923},{"class":98},[4924],{"type":20,"value":101},{"type":14,"tag":74,"props":4926,"children":4927},{"class":81},[4928],{"type":20,"value":106},{"type":14,"tag":74,"props":4930,"children":4931},{"class":109},[4932],{"type":20,"value":112},{"type":14,"tag":74,"props":4934,"children":4935},{"class":81},[4936],{"type":20,"value":95},{"type":14,"tag":74,"props":4938,"children":4939},{"class":98},[4940],{"type":20,"value":121},{"type":14,"tag":74,"props":4942,"children":4943},{"class":81},[4944],{"type":20,"value":126},{"type":14,"tag":74,"props":4946,"children":4947},{"class":76,"line":129},[4948,4952,4956,4960,4964,4968],{"type":14,"tag":74,"props":4949,"children":4950},{"class":133},[4951],{"type":20,"value":136},{"type":14,"tag":74,"props":4953,"children":4954},{"class":81},[4955],{"type":20,"value":3755},{"type":14,"tag":74,"props":4957,"children":4958},{"class":133},[4959],{"type":20,"value":146},{"type":14,"tag":74,"props":4961,"children":4962},{"class":81},[4963],{"type":20,"value":95},{"type":14,"tag":74,"props":4965,"children":4966},{"class":109},[4967],{"type":20,"value":155},{"type":14,"tag":74,"props":4969,"children":4970},{"class":81},[4971],{"type":20,"value":160},{"type":14,"tag":74,"props":4973,"children":4974},{"class":76,"line":163},[4975],{"type":14,"tag":74,"props":4976,"children":4977},{},[4978],{"type":20,"value":169},{"type":14,"tag":74,"props":4980,"children":4981},{"class":76,"line":172},[4982,4986,4990,4994,4998,5002,5006,5010,5014,5018],{"type":14,"tag":74,"props":4983,"children":4984},{"class":133},[4985],{"type":20,"value":178},{"type":14,"tag":74,"props":4987,"children":4988},{"class":81},[4989],{"type":20,"value":95},{"type":14,"tag":74,"props":4991,"children":4992},{"class":185},[4993],{"type":20,"value":188},{"type":14,"tag":74,"props":4995,"children":4996},{"class":81},[4997],{"type":20,"value":95},{"type":14,"tag":74,"props":4999,"children":5000},{"class":133},[5001],{"type":20,"value":106},{"type":14,"tag":74,"props":5003,"children":5004},{"class":81},[5005],{"type":20,"value":95},{"type":14,"tag":74,"props":5007,"children":5008},{"class":98},[5009],{"type":20,"value":205},{"type":14,"tag":74,"props":5011,"children":5012},{"class":81},[5013],{"type":20,"value":210},{"type":14,"tag":74,"props":5015,"children":5016},{"class":109},[5017],{"type":20,"value":215},{"type":14,"tag":74,"props":5019,"children":5020},{"class":81},[5021],{"type":20,"value":220},{"type":14,"tag":74,"props":5023,"children":5024},{"class":76,"line":223},[5025,5029,5033,5037,5041,5045,5049,5053],{"type":14,"tag":74,"props":5026,"children":5027},{"class":133},[5028],{"type":20,"value":178},{"type":14,"tag":74,"props":5030,"children":5031},{"class":81},[5032],{"type":20,"value":95},{"type":14,"tag":74,"props":5034,"children":5035},{"class":185},[5036],{"type":20,"value":237},{"type":14,"tag":74,"props":5038,"children":5039},{"class":81},[5040],{"type":20,"value":95},{"type":14,"tag":74,"props":5042,"children":5043},{"class":133},[5044],{"type":20,"value":106},{"type":14,"tag":74,"props":5046,"children":5047},{"class":81},[5048],{"type":20,"value":95},{"type":14,"tag":74,"props":5050,"children":5051},{"class":98},[5052],{"type":20,"value":205},{"type":14,"tag":74,"props":5054,"children":5055},{"class":81},[5056],{"type":20,"value":258},{"type":14,"tag":74,"props":5058,"children":5059},{"class":76,"line":261},[5060,5064,5068,5072,5076,5080,5084,5088,5092,5096,5100,5105,5110,5115,5119],{"type":14,"tag":74,"props":5061,"children":5062},{"class":81},[5063],{"type":20,"value":267},{"type":14,"tag":74,"props":5065,"children":5066},{"class":109},[5067],{"type":20,"value":215},{"type":14,"tag":74,"props":5069,"children":5070},{"class":81},[5071],{"type":20,"value":1795},{"type":14,"tag":74,"props":5073,"children":5074},{"class":98},[5075],{"type":20,"value":2894},{"type":14,"tag":74,"props":5077,"children":5078},{"class":81},[5079],{"type":20,"value":4445},{"type":14,"tag":74,"props":5081,"children":5082},{"class":133},[5083],{"type":20,"value":4450},{"type":14,"tag":74,"props":5085,"children":5086},{"class":81},[5087],{"type":20,"value":95},{"type":14,"tag":74,"props":5089,"children":5090},{"class":98},[5091],{"type":20,"value":4063},{"type":14,"tag":74,"props":5093,"children":5094},{"class":81},[5095],{"type":20,"value":4068},{"type":14,"tag":74,"props":5097,"children":5098},{"class":109},[5099],{"type":20,"value":4073},{"type":14,"tag":74,"props":5101,"children":5102},{"class":81},[5103],{"type":20,"value":5104},", { class: ",{"type":14,"tag":74,"props":5106,"children":5107},{"class":109},[5108],{"type":20,"value":5109},"'_color:green'",{"type":14,"tag":74,"props":5111,"children":5112},{"class":81},[5113],{"type":20,"value":5114}," }, ",{"type":14,"tag":74,"props":5116,"children":5117},{"class":109},[5118],{"type":20,"value":281},{"type":14,"tag":74,"props":5120,"children":5121},{"class":81},[5122],{"type":20,"value":5123},") },\n",{"type":14,"tag":74,"props":5125,"children":5126},{"class":76,"line":289},[5127,5131,5135,5139,5143,5147,5151,5155,5159,5163,5167,5171,5176,5180,5184],{"type":14,"tag":74,"props":5128,"children":5129},{"class":81},[5130],{"type":20,"value":267},{"type":14,"tag":74,"props":5132,"children":5133},{"class":109},[5134],{"type":20,"value":299},{"type":14,"tag":74,"props":5136,"children":5137},{"class":81},[5138],{"type":20,"value":1795},{"type":14,"tag":74,"props":5140,"children":5141},{"class":98},[5142],{"type":20,"value":2894},{"type":14,"tag":74,"props":5144,"children":5145},{"class":81},[5146],{"type":20,"value":4445},{"type":14,"tag":74,"props":5148,"children":5149},{"class":133},[5150],{"type":20,"value":4450},{"type":14,"tag":74,"props":5152,"children":5153},{"class":81},[5154],{"type":20,"value":95},{"type":14,"tag":74,"props":5156,"children":5157},{"class":98},[5158],{"type":20,"value":4063},{"type":14,"tag":74,"props":5160,"children":5161},{"class":81},[5162],{"type":20,"value":4068},{"type":14,"tag":74,"props":5164,"children":5165},{"class":109},[5166],{"type":20,"value":4073},{"type":14,"tag":74,"props":5168,"children":5169},{"class":81},[5170],{"type":20,"value":5104},{"type":14,"tag":74,"props":5172,"children":5173},{"class":109},[5174],{"type":20,"value":5175},"'_color:yellow'",{"type":14,"tag":74,"props":5177,"children":5178},{"class":81},[5179],{"type":20,"value":5114},{"type":14,"tag":74,"props":5181,"children":5182},{"class":109},[5183],{"type":20,"value":308},{"type":14,"tag":74,"props":5185,"children":5186},{"class":81},[5187],{"type":20,"value":5123},{"type":14,"tag":74,"props":5189,"children":5190},{"class":76,"line":315},[5191,5195,5199,5203,5207,5211,5215,5219,5223,5227,5231,5235,5240,5244,5248],{"type":14,"tag":74,"props":5192,"children":5193},{"class":81},[5194],{"type":20,"value":267},{"type":14,"tag":74,"props":5196,"children":5197},{"class":109},[5198],{"type":20,"value":325},{"type":14,"tag":74,"props":5200,"children":5201},{"class":81},[5202],{"type":20,"value":1795},{"type":14,"tag":74,"props":5204,"children":5205},{"class":98},[5206],{"type":20,"value":2894},{"type":14,"tag":74,"props":5208,"children":5209},{"class":81},[5210],{"type":20,"value":4445},{"type":14,"tag":74,"props":5212,"children":5213},{"class":133},[5214],{"type":20,"value":4450},{"type":14,"tag":74,"props":5216,"children":5217},{"class":81},[5218],{"type":20,"value":95},{"type":14,"tag":74,"props":5220,"children":5221},{"class":98},[5222],{"type":20,"value":4063},{"type":14,"tag":74,"props":5224,"children":5225},{"class":81},[5226],{"type":20,"value":4068},{"type":14,"tag":74,"props":5228,"children":5229},{"class":109},[5230],{"type":20,"value":4073},{"type":14,"tag":74,"props":5232,"children":5233},{"class":81},[5234],{"type":20,"value":5104},{"type":14,"tag":74,"props":5236,"children":5237},{"class":109},[5238],{"type":20,"value":5239},"'_color:red'",{"type":14,"tag":74,"props":5241,"children":5242},{"class":81},[5243],{"type":20,"value":5114},{"type":14,"tag":74,"props":5245,"children":5246},{"class":109},[5247],{"type":20,"value":334},{"type":14,"tag":74,"props":5249,"children":5250},{"class":81},[5251],{"type":20,"value":5123},{"type":14,"tag":74,"props":5253,"children":5254},{"class":76,"line":341},[5255,5259,5263,5267,5271,5275,5279,5283,5287,5291,5295,5299,5304,5308,5312],{"type":14,"tag":74,"props":5256,"children":5257},{"class":81},[5258],{"type":20,"value":267},{"type":14,"tag":74,"props":5260,"children":5261},{"class":109},[5262],{"type":20,"value":351},{"type":14,"tag":74,"props":5264,"children":5265},{"class":81},[5266],{"type":20,"value":1795},{"type":14,"tag":74,"props":5268,"children":5269},{"class":98},[5270],{"type":20,"value":2894},{"type":14,"tag":74,"props":5272,"children":5273},{"class":81},[5274],{"type":20,"value":4445},{"type":14,"tag":74,"props":5276,"children":5277},{"class":133},[5278],{"type":20,"value":4450},{"type":14,"tag":74,"props":5280,"children":5281},{"class":81},[5282],{"type":20,"value":95},{"type":14,"tag":74,"props":5284,"children":5285},{"class":98},[5286],{"type":20,"value":4063},{"type":14,"tag":74,"props":5288,"children":5289},{"class":81},[5290],{"type":20,"value":4068},{"type":14,"tag":74,"props":5292,"children":5293},{"class":109},[5294],{"type":20,"value":4073},{"type":14,"tag":74,"props":5296,"children":5297},{"class":81},[5298],{"type":20,"value":5104},{"type":14,"tag":74,"props":5300,"children":5301},{"class":109},[5302],{"type":20,"value":5303},"'_color:orange'",{"type":14,"tag":74,"props":5305,"children":5306},{"class":81},[5307],{"type":20,"value":5114},{"type":14,"tag":74,"props":5309,"children":5310},{"class":109},[5311],{"type":20,"value":360},{"type":14,"tag":74,"props":5313,"children":5314},{"class":81},[5315],{"type":20,"value":5316},") }\n",{"type":14,"tag":74,"props":5318,"children":5319},{"class":76,"line":368},[5320],{"type":14,"tag":74,"props":5321,"children":5322},{"class":81},[5323],{"type":20,"value":220},{"type":14,"tag":74,"props":5325,"children":5326},{"class":76,"line":376},[5327,5331,5335],{"type":14,"tag":74,"props":5328,"children":5329},{"class":81},[5330],{"type":20,"value":382},{"type":14,"tag":74,"props":5332,"children":5333},{"class":87},[5334],{"type":20,"value":90},{"type":14,"tag":74,"props":5336,"children":5337},{"class":81},[5338],{"type":20,"value":126},{"type":14,"tag":74,"props":5340,"children":5341},{"class":76,"line":393},[5342],{"type":14,"tag":74,"props":5343,"children":5344},{},[5345],{"type":20,"value":169},{"type":14,"tag":74,"props":5347,"children":5348},{"class":76,"line":401},[5349,5353,5357],{"type":14,"tag":74,"props":5350,"children":5351},{"class":81},[5352],{"type":20,"value":84},{"type":14,"tag":74,"props":5354,"children":5355},{"class":87},[5356],{"type":20,"value":47},{"type":14,"tag":74,"props":5358,"children":5359},{"class":81},[5360],{"type":20,"value":126},{"type":14,"tag":74,"props":5362,"children":5363},{"class":76,"line":417},[5364,5368,5372,5376,5380,5384,5388,5392,5396,5400,5404],{"type":14,"tag":74,"props":5365,"children":5366},{"class":81},[5367],{"type":20,"value":423},{"type":14,"tag":74,"props":5369,"children":5370},{"class":426},[5371],{"type":20,"value":39},{"type":14,"tag":74,"props":5373,"children":5374},{"class":81},[5375],{"type":20,"value":95},{"type":14,"tag":74,"props":5377,"children":5378},{"class":98},[5379],{"type":20,"value":437},{"type":14,"tag":74,"props":5381,"children":5382},{"class":81},[5383],{"type":20,"value":106},{"type":14,"tag":74,"props":5385,"children":5386},{"class":109},[5387],{"type":20,"value":446},{"type":14,"tag":74,"props":5389,"children":5390},{"class":81},[5391],{"type":20,"value":95},{"type":14,"tag":74,"props":5393,"children":5394},{"class":98},[5395],{"type":20,"value":455},{"type":14,"tag":74,"props":5397,"children":5398},{"class":81},[5399],{"type":20,"value":106},{"type":14,"tag":74,"props":5401,"children":5402},{"class":109},[5403],{"type":20,"value":464},{"type":14,"tag":74,"props":5405,"children":5406},{"class":81},[5407],{"type":20,"value":469},{"type":14,"tag":74,"props":5409,"children":5410},{"class":76,"line":472},[5411,5415,5419],{"type":14,"tag":74,"props":5412,"children":5413},{"class":81},[5414],{"type":20,"value":382},{"type":14,"tag":74,"props":5416,"children":5417},{"class":87},[5418],{"type":20,"value":47},{"type":14,"tag":74,"props":5420,"children":5421},{"class":81},[5422],{"type":20,"value":486},{"type":14,"tag":3207,"props":5424,"children":5426},{"id":5425},"scoped-slot",[5427],{"type":20,"value":5428},"Scoped Slot",{"type":14,"tag":29,"props":5430,"children":5431},{},[5432,5433,5437,5439,5443],{"type":20,"value":33},{"type":14,"tag":35,"props":5434,"children":5435},{},[5436],{"type":20,"value":4041},{"type":20,"value":5438}," scoped slot can be used to render each option. It receives the option being rendered as a prop named ",{"type":14,"tag":35,"props":5440,"children":5441},{},[5442],{"type":20,"value":4041},{"type":20,"value":1815},{"type":14,"tag":43,"props":5445,"children":5446},{},[5447,5454],{"type":14,"tag":47,"props":5448,"children":5449},{"v-slot:preview":7},[5450],{"type":14,"tag":51,"props":5451,"children":5453},{"src":5452},"/components/ICheckboxButtons/examples/render-slot",[],{"type":14,"tag":47,"props":5455,"children":5456},{"v-slot:vue":7},[5457],{"type":14,"tag":59,"props":5458,"children":5461},{"className":5459,"code":5460,"language":64,"meta":7},[62],"\u003Cscript lang=\"ts\" setup>\nimport { ref } from 'vue';\n\nconst checked = ref(['apple']);\nconst options = ref([{ id: 'apple' }, { id: 'banana' }, { id: 'strawberry' }, { id: 'mango' }]);\n\u003C/script>\n\n\u003Ctemplate>\n    \u003CICheckboxButtons v-model=\"checked\" :options=\"options\">\n        \u003Ctemplate #option=\"{ option }\">\n            {{ option.id }}\n        \u003C/template>\n    \u003C/ICheckboxButtons>\n\u003C/template>\n\n",[5462],{"type":14,"tag":67,"props":5463,"children":5464},{},[5465],{"type":14,"tag":59,"props":5466,"children":5467},{"__ignoreMap":7},[5468,5507,5534,5541,5584,5654,5669,5676,5691,5738,5781,5789,5805,5821],{"type":14,"tag":74,"props":5469,"children":5470},{"class":76,"line":77},[5471,5475,5479,5483,5487,5491,5495,5499,5503],{"type":14,"tag":74,"props":5472,"children":5473},{"class":81},[5474],{"type":20,"value":84},{"type":14,"tag":74,"props":5476,"children":5477},{"class":87},[5478],{"type":20,"value":90},{"type":14,"tag":74,"props":5480,"children":5481},{"class":81},[5482],{"type":20,"value":95},{"type":14,"tag":74,"props":5484,"children":5485},{"class":98},[5486],{"type":20,"value":101},{"type":14,"tag":74,"props":5488,"children":5489},{"class":81},[5490],{"type":20,"value":106},{"type":14,"tag":74,"props":5492,"children":5493},{"class":109},[5494],{"type":20,"value":112},{"type":14,"tag":74,"props":5496,"children":5497},{"class":81},[5498],{"type":20,"value":95},{"type":14,"tag":74,"props":5500,"children":5501},{"class":98},[5502],{"type":20,"value":121},{"type":14,"tag":74,"props":5504,"children":5505},{"class":81},[5506],{"type":20,"value":126},{"type":14,"tag":74,"props":5508,"children":5509},{"class":76,"line":129},[5510,5514,5518,5522,5526,5530],{"type":14,"tag":74,"props":5511,"children":5512},{"class":133},[5513],{"type":20,"value":136},{"type":14,"tag":74,"props":5515,"children":5516},{"class":81},[5517],{"type":20,"value":141},{"type":14,"tag":74,"props":5519,"children":5520},{"class":133},[5521],{"type":20,"value":146},{"type":14,"tag":74,"props":5523,"children":5524},{"class":81},[5525],{"type":20,"value":95},{"type":14,"tag":74,"props":5527,"children":5528},{"class":109},[5529],{"type":20,"value":155},{"type":14,"tag":74,"props":5531,"children":5532},{"class":81},[5533],{"type":20,"value":160},{"type":14,"tag":74,"props":5535,"children":5536},{"class":76,"line":163},[5537],{"type":14,"tag":74,"props":5538,"children":5539},{},[5540],{"type":20,"value":169},{"type":14,"tag":74,"props":5542,"children":5543},{"class":76,"line":172},[5544,5548,5552,5556,5560,5564,5568,5572,5576,5580],{"type":14,"tag":74,"props":5545,"children":5546},{"class":133},[5547],{"type":20,"value":178},{"type":14,"tag":74,"props":5549,"children":5550},{"class":81},[5551],{"type":20,"value":95},{"type":14,"tag":74,"props":5553,"children":5554},{"class":185},[5555],{"type":20,"value":188},{"type":14,"tag":74,"props":5557,"children":5558},{"class":81},[5559],{"type":20,"value":95},{"type":14,"tag":74,"props":5561,"children":5562},{"class":133},[5563],{"type":20,"value":106},{"type":14,"tag":74,"props":5565,"children":5566},{"class":81},[5567],{"type":20,"value":95},{"type":14,"tag":74,"props":5569,"children":5570},{"class":98},[5571],{"type":20,"value":205},{"type":14,"tag":74,"props":5573,"children":5574},{"class":81},[5575],{"type":20,"value":210},{"type":14,"tag":74,"props":5577,"children":5578},{"class":109},[5579],{"type":20,"value":215},{"type":14,"tag":74,"props":5581,"children":5582},{"class":81},[5583],{"type":20,"value":220},{"type":14,"tag":74,"props":5585,"children":5586},{"class":76,"line":223},[5587,5591,5595,5599,5603,5607,5611,5615,5620,5624,5629,5633,5637,5641,5645,5649],{"type":14,"tag":74,"props":5588,"children":5589},{"class":133},[5590],{"type":20,"value":178},{"type":14,"tag":74,"props":5592,"children":5593},{"class":81},[5594],{"type":20,"value":95},{"type":14,"tag":74,"props":5596,"children":5597},{"class":185},[5598],{"type":20,"value":237},{"type":14,"tag":74,"props":5600,"children":5601},{"class":81},[5602],{"type":20,"value":95},{"type":14,"tag":74,"props":5604,"children":5605},{"class":133},[5606],{"type":20,"value":106},{"type":14,"tag":74,"props":5608,"children":5609},{"class":81},[5610],{"type":20,"value":95},{"type":14,"tag":74,"props":5612,"children":5613},{"class":98},[5614],{"type":20,"value":205},{"type":14,"tag":74,"props":5616,"children":5617},{"class":81},[5618],{"type":20,"value":5619},"([{ id: ",{"type":14,"tag":74,"props":5621,"children":5622},{"class":109},[5623],{"type":20,"value":215},{"type":14,"tag":74,"props":5625,"children":5626},{"class":81},[5627],{"type":20,"value":5628}," }, { id: ",{"type":14,"tag":74,"props":5630,"children":5631},{"class":109},[5632],{"type":20,"value":299},{"type":14,"tag":74,"props":5634,"children":5635},{"class":81},[5636],{"type":20,"value":5628},{"type":14,"tag":74,"props":5638,"children":5639},{"class":109},[5640],{"type":20,"value":325},{"type":14,"tag":74,"props":5642,"children":5643},{"class":81},[5644],{"type":20,"value":5628},{"type":14,"tag":74,"props":5646,"children":5647},{"class":109},[5648],{"type":20,"value":351},{"type":14,"tag":74,"props":5650,"children":5651},{"class":81},[5652],{"type":20,"value":5653}," }]);\n",{"type":14,"tag":74,"props":5655,"children":5656},{"class":76,"line":261},[5657,5661,5665],{"type":14,"tag":74,"props":5658,"children":5659},{"class":81},[5660],{"type":20,"value":382},{"type":14,"tag":74,"props":5662,"children":5663},{"class":87},[5664],{"type":20,"value":90},{"type":14,"tag":74,"props":5666,"children":5667},{"class":81},[5668],{"type":20,"value":126},{"type":14,"tag":74,"props":5670,"children":5671},{"class":76,"line":289},[5672],{"type":14,"tag":74,"props":5673,"children":5674},{},[5675],{"type":20,"value":169},{"type":14,"tag":74,"props":5677,"children":5678},{"class":76,"line":315},[5679,5683,5687],{"type":14,"tag":74,"props":5680,"children":5681},{"class":81},[5682],{"type":20,"value":84},{"type":14,"tag":74,"props":5684,"children":5685},{"class":87},[5686],{"type":20,"value":47},{"type":14,"tag":74,"props":5688,"children":5689},{"class":81},[5690],{"type":20,"value":126},{"type":14,"tag":74,"props":5692,"children":5693},{"class":76,"line":341},[5694,5698,5702,5706,5710,5714,5718,5722,5726,5730,5734],{"type":14,"tag":74,"props":5695,"children":5696},{"class":81},[5697],{"type":20,"value":423},{"type":14,"tag":74,"props":5699,"children":5700},{"class":426},[5701],{"type":20,"value":39},{"type":14,"tag":74,"props":5703,"children":5704},{"class":81},[5705],{"type":20,"value":95},{"type":14,"tag":74,"props":5707,"children":5708},{"class":98},[5709],{"type":20,"value":437},{"type":14,"tag":74,"props":5711,"children":5712},{"class":81},[5713],{"type":20,"value":106},{"type":14,"tag":74,"props":5715,"children":5716},{"class":109},[5717],{"type":20,"value":446},{"type":14,"tag":74,"props":5719,"children":5720},{"class":81},[5721],{"type":20,"value":95},{"type":14,"tag":74,"props":5723,"children":5724},{"class":98},[5725],{"type":20,"value":455},{"type":14,"tag":74,"props":5727,"children":5728},{"class":81},[5729],{"type":20,"value":106},{"type":14,"tag":74,"props":5731,"children":5732},{"class":109},[5733],{"type":20,"value":464},{"type":14,"tag":74,"props":5735,"children":5736},{"class":81},[5737],{"type":20,"value":126},{"type":14,"tag":74,"props":5739,"children":5740},{"class":76,"line":368},[5741,5746,5750,5755,5759,5763,5768,5773,5777],{"type":14,"tag":74,"props":5742,"children":5743},{"class":81},[5744],{"type":20,"value":5745},"        \u003C",{"type":14,"tag":74,"props":5747,"children":5748},{"class":87},[5749],{"type":20,"value":47},{"type":14,"tag":74,"props":5751,"children":5752},{"class":81},[5753],{"type":20,"value":5754}," #",{"type":14,"tag":74,"props":5756,"children":5757},{"class":98},[5758],{"type":20,"value":4041},{"type":14,"tag":74,"props":5760,"children":5761},{"class":81},[5762],{"type":20,"value":106},{"type":14,"tag":74,"props":5764,"children":5765},{"class":109},[5766],{"type":20,"value":5767},"\"",{"type":14,"tag":74,"props":5769,"children":5770},{"class":81},[5771],{"type":20,"value":5772},"{ option }",{"type":14,"tag":74,"props":5774,"children":5775},{"class":109},[5776],{"type":20,"value":5767},{"type":14,"tag":74,"props":5778,"children":5779},{"class":81},[5780],{"type":20,"value":126},{"type":14,"tag":74,"props":5782,"children":5783},{"class":76,"line":376},[5784],{"type":14,"tag":74,"props":5785,"children":5786},{"class":81},[5787],{"type":20,"value":5788},"            {{ option.id }}\n",{"type":14,"tag":74,"props":5790,"children":5791},{"class":76,"line":393},[5792,5797,5801],{"type":14,"tag":74,"props":5793,"children":5794},{"class":81},[5795],{"type":20,"value":5796},"        \u003C/",{"type":14,"tag":74,"props":5798,"children":5799},{"class":87},[5800],{"type":20,"value":47},{"type":14,"tag":74,"props":5802,"children":5803},{"class":81},[5804],{"type":20,"value":126},{"type":14,"tag":74,"props":5806,"children":5807},{"class":76,"line":401},[5808,5813,5817],{"type":14,"tag":74,"props":5809,"children":5810},{"class":81},[5811],{"type":20,"value":5812},"    \u003C/",{"type":14,"tag":74,"props":5814,"children":5815},{"class":426},[5816],{"type":20,"value":39},{"type":14,"tag":74,"props":5818,"children":5819},{"class":81},[5820],{"type":20,"value":126},{"type":14,"tag":74,"props":5822,"children":5823},{"class":76,"line":417},[5824,5828,5832],{"type":14,"tag":74,"props":5825,"children":5826},{"class":81},[5827],{"type":20,"value":382},{"type":14,"tag":74,"props":5829,"children":5830},{"class":87},[5831],{"type":20,"value":47},{"type":14,"tag":74,"props":5833,"children":5834},{"class":81},[5835],{"type":20,"value":486},{"type":14,"tag":488,"props":5837,"children":5838},{"id":4492},[5839],{"type":20,"value":5840},"Props",{"type":14,"tag":5842,"props":5843,"children":5844},"content-component-props",{"component":39},[],{"type":14,"tag":488,"props":5846,"children":5848},{"id":5847},"slots",[5849],{"type":20,"value":5850},"Slots",{"type":14,"tag":5852,"props":5853,"children":5854},"content-component-slots",{"component":39},[],{"type":14,"tag":488,"props":5856,"children":5858},{"id":5857},"events",[5859],{"type":20,"value":5860},"Events",{"type":14,"tag":5862,"props":5863,"children":5864},"content-component-events",{"component":39},[],{"type":14,"tag":488,"props":5866,"children":5868},{"id":5867},"design-tokens",[5869],{"type":20,"value":5870},"Design Tokens",{"type":14,"tag":5872,"props":5873,"children":5875},"content-utility-component-design-tokens",{"component":5874},"ICheckableButtonGroup",[],{"type":14,"tag":5877,"children":5878},"style",[5879],{"type":20,"value":5880},".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-762058{color:#6F42C1;}\n.dark-theme .ct-762058{color:#B392F0;}\n.ct-952708{color:#032F62;}\n.dark-theme .ct-952708{color:#9ECBFF;}\n.ct-149352{color:#D73A49;}\n.dark-theme .ct-149352{color:#F97583;}\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-157101{color:#E36209;}\n.dark-theme .ct-157101{color:#FFAB70;}",{"title":7,"searchDepth":129,"depth":129,"links":5882},[5883],{"id":25,"depth":129,"text":9,"children":5884},[5885,5886,5887,5888,5889,5890,5891,5892,5893,5894,5895],{"id":490,"depth":163,"text":493},{"id":889,"depth":163,"text":892},{"id":1286,"depth":163,"text":1289},{"id":1773,"depth":163,"text":1776},{"id":2342,"depth":163,"text":2345},{"id":2831,"depth":163,"text":2834},{"id":3202,"depth":163,"text":3205},{"id":4492,"depth":163,"text":5840},{"id":5847,"depth":163,"text":5850},{"id":5857,"depth":163,"text":5860},{"id":5867,"depth":163,"text":5870},"markdown","content:docs:forms:components:checkbox-buttons.md","content","docs/forms/components/checkbox-buttons.md",1794582259907]