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