[{"data":1,"prerenderedAt":1523},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fradio-group\u002Fdeveloper":439},[4,30,256,281,366,375,402,424],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20,25],{"title":11,"path":12,"stem":13,"icon":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":16,"path":17,"stem":18,"icon":19},"Nuxt","\u002Fgetting-started\u002Fnuxt","1.getting-started\u002F3.nuxt","i-lucide-mountain",{"title":21,"path":22,"stem":23,"icon":24},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming","i-lucide-palette",{"title":26,"path":27,"stem":28,"icon":29},"MCP","\u002Fgetting-started\u002Fmcp","1.getting-started\u002F5.mcp","i-lucide-plug",{"title":31,"icon":6,"path":32,"stem":33,"children":34,"page":6},"Components","\u002Fcomponents","2.components",[35,43,51,59,67,75,83,92,100,104,108,116,124,133,141,149,157,166,174,182,191,199,203,211,220,228,236,240,248],{"title":36,"path":37,"stem":38,"children":39,"page":6},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002F01.accordion",[40],{"title":36,"path":41,"stem":42},"\u002Fcomponents\u002Faccordion\u002Foverview","2.components\u002F01.accordion\u002F1.overview",{"title":44,"path":45,"stem":46,"children":47,"page":6},"Alert","\u002Fcomponents\u002Falert","2.components\u002F02.alert",[48],{"title":44,"path":49,"stem":50},"\u002Fcomponents\u002Falert\u002Foverview","2.components\u002F02.alert\u002F1.overview",{"title":52,"path":53,"stem":54,"children":55,"page":6},"Button","\u002Fcomponents\u002Fbutton","2.components\u002F03.button",[56],{"title":52,"path":57,"stem":58},"\u002Fcomponents\u002Fbutton\u002Foverview","2.components\u002F03.button\u002F1.overview",{"title":60,"path":61,"stem":62,"children":63,"page":6},"Card","\u002Fcomponents\u002Fcard","2.components\u002F04.card",[64],{"title":60,"path":65,"stem":66},"\u002Fcomponents\u002Fcard\u002Foverview","2.components\u002F04.card\u002F1.overview",{"title":68,"path":69,"stem":70,"children":71,"page":6},"Carousel","\u002Fcomponents\u002Fcarousel","2.components\u002F05.carousel",[72],{"title":68,"path":73,"stem":74},"\u002Fcomponents\u002Fcarousel\u002Foverview","2.components\u002F05.carousel\u002F1.overview",{"title":76,"path":77,"stem":78,"children":79,"page":6},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002F06.checkbox",[80],{"title":76,"path":81,"stem":82},"\u002Fcomponents\u002Fcheckbox\u002Foverview","2.components\u002F06.checkbox\u002F1.overview",{"title":84,"path":85,"stem":86,"children":87,"page":6},"Date Picker","\u002Fcomponents\u002Fdate-picker","2.components\u002F07.date-picker",[88],{"title":89,"path":90,"stem":91},"Date picker","\u002Fcomponents\u002Fdate-picker\u002Foverview","2.components\u002F07.date-picker\u002F1.overview",{"title":93,"path":94,"stem":95,"children":96,"page":6},"Dropdown","\u002Fcomponents\u002Fdropdown","2.components\u002F08.dropdown",[97],{"title":93,"path":98,"stem":99},"\u002Fcomponents\u002Fdropdown\u002Foverview","2.components\u002F08.dropdown\u002F1.overview",{"title":101,"path":102,"stem":103},"Heading","\u002Fcomponents\u002Fheading","2.components\u002F09.heading",{"title":105,"path":106,"stem":107},"Icon","\u002Fcomponents\u002Ficon","2.components\u002F10.icon",{"title":109,"path":110,"stem":111,"children":112,"page":6},"Input","\u002Fcomponents\u002Finput","2.components\u002F11.input",[113],{"title":109,"path":114,"stem":115},"\u002Fcomponents\u002Finput\u002Foverview","2.components\u002F11.input\u002F1.overview",{"title":117,"path":118,"stem":119,"children":120,"page":6},"Label","\u002Fcomponents\u002Flabel","2.components\u002F12.label",[121],{"title":117,"path":122,"stem":123},"\u002Fcomponents\u002Flabel\u002Foverview","2.components\u002F12.label\u002F1.overview",{"title":125,"path":126,"stem":127,"children":128,"page":6},"Phone Number","\u002Fcomponents\u002Fphone-number","2.components\u002F13.phone-number",[129],{"title":130,"path":131,"stem":132},"Phone number","\u002Fcomponents\u002Fphone-number\u002Foverview","2.components\u002F13.phone-number\u002F1.overview",{"title":134,"path":135,"stem":136,"children":137,"page":6},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002F14.popover",[138],{"title":134,"path":139,"stem":140},"\u002Fcomponents\u002Fpopover\u002Foverview","2.components\u002F14.popover\u002F1.overview",{"title":142,"path":143,"stem":144,"children":145,"page":6},"Quantity","\u002Fcomponents\u002Fquantity","2.components\u002F15.quantity",[146],{"title":142,"path":147,"stem":148},"\u002Fcomponents\u002Fquantity\u002Foverview","2.components\u002F15.quantity\u002F1.overview",{"title":150,"path":151,"stem":152,"children":153,"page":6},"Radio","\u002Fcomponents\u002Fradio","2.components\u002F16.radio",[154],{"title":150,"path":155,"stem":156},"\u002Fcomponents\u002Fradio\u002Foverview","2.components\u002F16.radio\u002F1.overview",{"title":158,"path":159,"stem":160,"children":161,"page":6},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002F17.radio-group",[162],{"title":163,"path":164,"stem":165},"Radio group","\u002Fcomponents\u002Fradio-group\u002Foverview","2.components\u002F17.radio-group\u002F1.overview",{"title":167,"path":168,"stem":169,"children":170,"page":6},"Rating","\u002Fcomponents\u002Frating","2.components\u002F18.rating",[171],{"title":167,"path":172,"stem":173},"\u002Fcomponents\u002Frating\u002Foverview","2.components\u002F18.rating\u002F1.overview",{"title":175,"path":176,"stem":177,"children":178,"page":6},"Required","\u002Fcomponents\u002Frequired","2.components\u002F19.required",[179],{"title":175,"path":180,"stem":181},"\u002Fcomponents\u002Frequired\u002Foverview","2.components\u002F19.required\u002F1.overview",{"title":183,"path":184,"stem":185,"children":186,"page":6},"Scroll Area","\u002Fcomponents\u002Fscroll-area","2.components\u002F20.scroll-area",[187],{"title":188,"path":189,"stem":190},"Scroll area","\u002Fcomponents\u002Fscroll-area\u002Foverview","2.components\u002F20.scroll-area\u002F1.overview",{"title":192,"path":193,"stem":194,"children":195,"page":6},"Select","\u002Fcomponents\u002Fselect","2.components\u002F21.select",[196],{"title":192,"path":197,"stem":198},"\u002Fcomponents\u002Fselect\u002Foverview","2.components\u002F21.select\u002F1.overview",{"title":200,"path":201,"stem":202},"Spinner","\u002Fcomponents\u002Fspinner","2.components\u002F22.spinner",{"title":204,"path":205,"stem":206,"children":207,"page":6},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002F23.switch",[208],{"title":204,"path":209,"stem":210},"\u002Fcomponents\u002Fswitch\u002Foverview","2.components\u002F23.switch\u002F1.overview",{"title":212,"path":213,"stem":214,"children":215,"page":6},"Tab Badge","\u002Fcomponents\u002Ftab-badge","2.components\u002F24.tab-badge",[216],{"title":217,"path":218,"stem":219},"Tab badge","\u002Fcomponents\u002Ftab-badge\u002Foverview","2.components\u002F24.tab-badge\u002F1.overview",{"title":221,"path":222,"stem":223,"children":224,"page":6},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002F25.tabs",[225],{"title":221,"path":226,"stem":227},"\u002Fcomponents\u002Ftabs\u002Foverview","2.components\u002F25.tabs\u002F1.overview",{"title":229,"path":230,"stem":231,"children":232,"page":6},"Tag","\u002Fcomponents\u002Ftag","2.components\u002F26.tag",[233],{"title":229,"path":234,"stem":235},"\u002Fcomponents\u002Ftag\u002Foverview","2.components\u002F26.tag\u002F1.overview",{"title":237,"path":238,"stem":239},"Text","\u002Fcomponents\u002Ftext","2.components\u002F27.text",{"title":241,"path":242,"stem":243,"children":244,"page":6},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002F28.textarea",[245],{"title":241,"path":246,"stem":247},"\u002Fcomponents\u002Ftextarea\u002Foverview","2.components\u002F28.textarea\u002F1.overview",{"title":249,"path":250,"stem":251,"children":252,"page":6},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002F29.tooltip",[253],{"title":249,"path":254,"stem":255},"\u002Fcomponents\u002Ftooltip\u002Foverview","2.components\u002F29.tooltip\u002F1.overview",{"title":257,"icon":6,"path":258,"stem":259,"children":260,"page":6},"Foundations","\u002Ffoundations","2.foundations",[261,269,273,277],{"title":262,"icon":6,"path":263,"stem":264,"children":265,"page":6},"Color","\u002Ffoundations\u002Fcolor","2.foundations\u002F1.color",[266],{"title":262,"path":267,"stem":268},"\u002Ffoundations\u002Fcolor\u002Foverview","2.foundations\u002F1.color\u002F1.overview",{"title":270,"path":271,"stem":272},"Icons","\u002Ffoundations\u002Ficons","2.foundations\u002F2.icons",{"title":274,"path":275,"stem":276},"Logos and Pins","\u002Ffoundations\u002Flogos-and-pins","2.foundations\u002F3.logos-and-pins",{"title":278,"path":279,"stem":280},"Web layers","\u002Ffoundations\u002Fweb-layers","2.foundations\u002F4.web-layers",{"title":282,"icon":6,"path":283,"stem":284,"children":285,"page":6},"WIP","\u002Fwip","3.wip",[286,290,294,298,302,306,310,314,318,322,326,330,334,338,342,346,350,354,358,362],{"title":287,"path":288,"stem":289},"Additional","\u002Fwip\u002Fadditional","3.wip\u002Fadditional",{"title":291,"path":292,"stem":293},"Alt text","\u002Fwip\u002Falt-text","3.wip\u002Falt-text",{"title":295,"path":296,"stem":297},"AnnouncementBar","\u002Fwip\u002Fannouncement-bar","3.wip\u002Fannouncement-bar",{"title":299,"path":300,"stem":301},"Avatar","\u002Fwip\u002Favatar","3.wip\u002Favatar",{"title":303,"path":304,"stem":305},"Banner","\u002Fwip\u002Fbanner","3.wip\u002Fbanner",{"title":307,"path":308,"stem":309},"Breadcrumbs","\u002Fwip\u002Fbreadcrumbs","3.wip\u002Fbreadcrumbs",{"title":311,"path":312,"stem":313},"Divider & scroll","\u002Fwip\u002Fdivider-scroll","3.wip\u002Fdivider-scroll",{"title":315,"path":316,"stem":317},"FieldMessage","\u002Fwip\u002Ffield-message","3.wip\u002Ffield-message",{"title":319,"path":320,"stem":321},"Focus Ring","\u002Fwip\u002Ffocus-ring","3.wip\u002Ffocus-ring",{"title":323,"path":324,"stem":325},"InlineSeparator","\u002Fwip\u002Finline-separator","3.wip\u002Finline-separator",{"title":327,"path":328,"stem":329},"Modal & drawer","\u002Fwip\u002Fmodal-drawer","3.wip\u002Fmodal-drawer",{"title":331,"path":332,"stem":333},"Optional","\u002Fwip\u002Foptional","3.wip\u002Foptional",{"title":335,"path":336,"stem":337},"Pagination","\u002Fwip\u002Fpagination","3.wip\u002Fpagination",{"title":339,"path":340,"stem":341},"PasswordInput","\u002Fwip\u002Fpassword-input","3.wip\u002Fpassword-input",{"title":343,"path":344,"stem":345},"Pinned bar page","\u002Fwip\u002Fpinned-bar-page","3.wip\u002Fpinned-bar-page",{"title":347,"path":348,"stem":349},"PromotionalBar","\u002Fwip\u002Fpromotional-bar","3.wip\u002Fpromotional-bar",{"title":351,"path":352,"stem":353},"SearchInput","\u002Fwip\u002Fsearch-input","3.wip\u002Fsearch-input",{"title":355,"path":356,"stem":357},"StatusLine","\u002Fwip\u002Fstatus-line","3.wip\u002Fstatus-line",{"title":359,"path":360,"stem":361},"Stepper & loaderBar","\u002Fwip\u002Fstepper-loader-bar","3.wip\u002Fstepper-loader-bar",{"title":363,"path":364,"stem":365},"TextInput","\u002Fwip\u002Ftext-input","3.wip\u002Ftext-input",{"title":367,"icon":6,"path":368,"stem":369,"children":370,"page":6},"Overview","\u002Foverview","4.overview",[371],{"title":372,"path":373,"stem":374},"For developers","\u002Foverview\u002Ffor-developers","4.overview\u002F1.for-developers",{"title":376,"icon":6,"path":377,"stem":378,"children":379,"page":6},"Brand","\u002Fbrand","5.brand",[380,389],{"title":381,"icon":6,"path":382,"stem":383,"children":384,"page":6},"Brand guidelines","\u002Fbrand\u002Fbrand-guidelines","5.brand\u002F1.brand-guidelines",[385],{"title":386,"path":387,"stem":388},"Dr. Max Trademarks Guidelines","\u002Fbrand\u002Fbrand-guidelines\u002Fdr-max-trademarks-guidelines","5.brand\u002F1.brand-guidelines\u002F2.dr-max-trademarks-guidelines",{"title":390,"icon":6,"path":391,"stem":392,"children":393,"page":6},"Assets","\u002Fbrand\u002Fassets","5.brand\u002F2.assets",[394,398],{"title":395,"path":396,"stem":397},"Logos","\u002Fbrand\u002Fassets\u002Flogos","5.brand\u002F2.assets\u002F2.logos",{"title":399,"path":400,"stem":401},"Dr. Max Tagline","\u002Fbrand\u002Fassets\u002Fdr-max-tagline","5.brand\u002F2.assets\u002F3.dr-max-tagline",{"title":403,"icon":6,"path":404,"stem":405,"children":406,"page":6},"Content","\u002Fcontent","6.content",[407,411],{"title":408,"path":409,"stem":410},"Content accessibility","\u002Fcontent\u002Fcontent-accessibility","6.content\u002F1.content-accessibility",{"title":412,"icon":6,"path":413,"stem":414,"children":415,"page":6},"Content guidance","\u002Fcontent\u002Fcontent-guidelines","6.content\u002F2.content-guidelines",[416,420],{"title":417,"path":418,"stem":419},"Category color-coding","\u002Fcontent\u002Fcontent-guidelines\u002Fcategory-color-coding","6.content\u002F2.content-guidelines\u002F2.category-color-coding",{"title":421,"path":422,"stem":423},"Pop-up banners","\u002Fcontent\u002Fcontent-guidelines\u002Fpop-up-banners","6.content\u002F2.content-guidelines\u002F3.pop-up-banners",{"title":425,"icon":6,"path":426,"stem":427,"children":428,"page":6},"Accessibility","\u002Faccessibility","7.accessibility",[429],{"title":430,"path":431,"stem":432,"children":433,"icon":6},"Accessibility guidance","\u002Faccessibility\u002Faccessibility-guidance","7.accessibility\u002F1.accessibility-guidance\u002F1.index",[434,435],{"title":425,"path":431,"stem":432},{"title":436,"path":437,"stem":438},"Understanding WCAG 2.2","\u002Faccessibility\u002Faccessibility-guidance\u002Funderstanding-wcag-2-2","7.accessibility\u002F1.accessibility-guidance\u002F2.understanding-wcag-2-2",{"id":440,"title":163,"body":441,"description":1515,"extension":1516,"links":1517,"meta":1518,"navigation":6,"path":1519,"seo":1520,"stem":1521,"__hash__":1522},"docs\u002F2.components\u002F17.radio-group\u002F3.developer.md",{"type":442,"value":443,"toc":1506},"minimark",[444,449,491,495,499,510,829,834,841,980,984,998,1151,1155,1160,1286,1290,1301,1493,1502],[445,446,448],"h2",{"id":447},"import","Import",[450,451,456],"pre",{"className":452,"code":453,"language":454,"meta":455,"style":455},"language-ts shiki shiki-themes material-theme-palenight","import { RadioGroup } from \"@dr-max\u002Fui\u002Fradio-group\"\n","ts","",[457,458,459],"code",{"__ignoreMap":455},[460,461,464,467,471,475,478,481,484,488],"span",{"class":462,"line":463},"line",1,[460,465,447],{"class":466},"s6cf3",[460,468,470],{"class":469},"sAklC"," {",[460,472,474],{"class":473},"s0W1g"," RadioGroup",[460,476,477],{"class":469}," }",[460,479,480],{"class":466}," from",[460,482,483],{"class":469}," \"",[460,485,487],{"class":486},"sfyAc","@dr-max\u002Fui\u002Fradio-group",[460,489,490],{"class":469},"\"\n",[492,493,494],"p",{},"The entry carries its own precompiled CSS (including the styles of the Radio, Required and Spinner parts it composes) — no extra style imports needed.",[445,496,498],{"id":497},"usage","Usage",[492,500,501,502,505,506,509],{},"Child radios inherit the group's ",[457,503,504],{},"name"," and selected value — bind the selection once with ",[457,507,508],{},"v-model"," on the group:",[511,512,513,530],"code-preview",{},[514,515,518,522,526],"ui-radio-group",{"label":516,"model-value":517},"Delivery method","pickup",[519,520],"ui-radio",{"label":521,"value":517},"Personal pickup",[519,523],{"label":524,"value":525},"Home delivery","home",[519,527],{"label":528,"value":529},"Pickup point","box",[531,532,533],"template",{"v-slot:code":455},[450,534,538],{"className":535,"code":536,"language":537,"meta":455,"style":455},"language-vue shiki shiki-themes material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Radio } from \"@dr-max\u002Fui\u002Fradio\"\nimport { RadioGroup } from \"@dr-max\u002Fui\u002Fradio-group\"\nimport { ref } from \"vue\"\n\nconst delivery = ref(\"pickup\")\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CRadioGroup v-model=\"delivery\" label=\"Delivery method\">\n    \u003CRadio value=\"pickup\" label=\"Personal pickup\" \u002F>\n    \u003CRadio value=\"home\" label=\"Home delivery\" \u002F>\n    \u003CRadio value=\"box\" label=\"Pickup point\" \u002F>\n  \u003C\u002FRadioGroup>\n\u003C\u002Ftemplate>\n","vue",[457,539,540,569,590,609,629,636,662,672,677,686,720,752,781,810,820],{"__ignoreMap":455},[460,541,542,545,549,553,556,559,562,564,566],{"class":462,"line":463},[460,543,544],{"class":469},"\u003C",[460,546,548],{"class":547},"s-wAU","script",[460,550,552],{"class":551},"sJ14y"," setup",[460,554,555],{"class":551}," lang",[460,557,558],{"class":469},"=",[460,560,561],{"class":469},"\"",[460,563,454],{"class":486},[460,565,561],{"class":469},[460,567,568],{"class":469},">\n",[460,570,572,574,576,579,581,583,585,588],{"class":462,"line":571},2,[460,573,447],{"class":466},[460,575,470],{"class":469},[460,577,578],{"class":473}," Radio",[460,580,477],{"class":469},[460,582,480],{"class":466},[460,584,483],{"class":469},[460,586,587],{"class":486},"@dr-max\u002Fui\u002Fradio",[460,589,490],{"class":469},[460,591,593,595,597,599,601,603,605,607],{"class":462,"line":592},3,[460,594,447],{"class":466},[460,596,470],{"class":469},[460,598,474],{"class":473},[460,600,477],{"class":469},[460,602,480],{"class":466},[460,604,483],{"class":469},[460,606,487],{"class":486},[460,608,490],{"class":469},[460,610,612,614,616,619,621,623,625,627],{"class":462,"line":611},4,[460,613,447],{"class":466},[460,615,470],{"class":469},[460,617,618],{"class":473}," ref",[460,620,477],{"class":469},[460,622,480],{"class":466},[460,624,483],{"class":469},[460,626,537],{"class":486},[460,628,490],{"class":469},[460,630,632],{"class":462,"line":631},5,[460,633,635],{"emptyLinePlaceholder":634},true,"\n",[460,637,639,642,645,647,650,653,655,657,659],{"class":462,"line":638},6,[460,640,641],{"class":551},"const",[460,643,644],{"class":473}," delivery ",[460,646,558],{"class":469},[460,648,618],{"class":649},"sdLwU",[460,651,652],{"class":473},"(",[460,654,561],{"class":469},[460,656,517],{"class":486},[460,658,561],{"class":469},[460,660,661],{"class":473},")\n",[460,663,665,668,670],{"class":462,"line":664},7,[460,666,667],{"class":469},"\u003C\u002F",[460,669,548],{"class":547},[460,671,568],{"class":469},[460,673,675],{"class":462,"line":674},8,[460,676,635],{"emptyLinePlaceholder":634},[460,678,680,682,684],{"class":462,"line":679},9,[460,681,544],{"class":469},[460,683,531],{"class":547},[460,685,568],{"class":469},[460,687,689,692,695,698,700,702,705,707,710,712,714,716,718],{"class":462,"line":688},10,[460,690,691],{"class":469},"  \u003C",[460,693,694],{"class":547},"RadioGroup",[460,696,697],{"class":551}," v-model",[460,699,558],{"class":469},[460,701,561],{"class":469},[460,703,704],{"class":473},"delivery",[460,706,561],{"class":469},[460,708,709],{"class":551}," label",[460,711,558],{"class":469},[460,713,561],{"class":469},[460,715,516],{"class":486},[460,717,561],{"class":469},[460,719,568],{"class":469},[460,721,723,726,728,731,733,735,737,739,741,743,745,747,749],{"class":462,"line":722},11,[460,724,725],{"class":469},"    \u003C",[460,727,150],{"class":547},[460,729,730],{"class":551}," value",[460,732,558],{"class":469},[460,734,561],{"class":469},[460,736,517],{"class":486},[460,738,561],{"class":469},[460,740,709],{"class":551},[460,742,558],{"class":469},[460,744,561],{"class":469},[460,746,521],{"class":486},[460,748,561],{"class":469},[460,750,751],{"class":469}," \u002F>\n",[460,753,755,757,759,761,763,765,767,769,771,773,775,777,779],{"class":462,"line":754},12,[460,756,725],{"class":469},[460,758,150],{"class":547},[460,760,730],{"class":551},[460,762,558],{"class":469},[460,764,561],{"class":469},[460,766,525],{"class":486},[460,768,561],{"class":469},[460,770,709],{"class":551},[460,772,558],{"class":469},[460,774,561],{"class":469},[460,776,524],{"class":486},[460,778,561],{"class":469},[460,780,751],{"class":469},[460,782,784,786,788,790,792,794,796,798,800,802,804,806,808],{"class":462,"line":783},13,[460,785,725],{"class":469},[460,787,150],{"class":547},[460,789,730],{"class":551},[460,791,558],{"class":469},[460,793,561],{"class":469},[460,795,529],{"class":486},[460,797,561],{"class":469},[460,799,709],{"class":551},[460,801,558],{"class":469},[460,803,561],{"class":469},[460,805,528],{"class":486},[460,807,561],{"class":469},[460,809,751],{"class":469},[460,811,813,816,818],{"class":462,"line":812},14,[460,814,815],{"class":469},"  \u003C\u002F",[460,817,694],{"class":547},[460,819,568],{"class":469},[460,821,823,825,827],{"class":462,"line":822},15,[460,824,667],{"class":469},[460,826,531],{"class":547},[460,828,568],{"class":469},[830,831,833],"h3",{"id":832},"orientation","Orientation",[492,835,836,837,840],{},"Radios stack vertically by default — switch to ",[457,838,839],{},"horizontal"," for short option sets:",[511,842,843,853],{},[514,844,847,849],{"label":845,"model-value":846,"orientation":839},"Payment","card",[519,848],{"label":60,"value":846},[519,850],{"label":851,"value":852},"Cash","cash",[531,854,855],{"v-slot:code":455},[450,856,858],{"className":535,"code":857,"language":537,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CRadioGroup v-model=\"payment\" label=\"Payment\" orientation=\"horizontal\">\n    \u003CRadio value=\"card\" label=\"Card\" \u002F>\n    \u003CRadio value=\"cash\" label=\"Cash\" \u002F>\n  \u003C\u002FRadioGroup>\n\u003C\u002Ftemplate>\n",[457,859,860,868,908,936,964,972],{"__ignoreMap":455},[460,861,862,864,866],{"class":462,"line":463},[460,863,544],{"class":469},[460,865,531],{"class":547},[460,867,568],{"class":469},[460,869,870,872,874,876,878,880,883,885,887,889,891,893,895,898,900,902,904,906],{"class":462,"line":571},[460,871,691],{"class":469},[460,873,694],{"class":547},[460,875,697],{"class":551},[460,877,558],{"class":469},[460,879,561],{"class":469},[460,881,882],{"class":473},"payment",[460,884,561],{"class":469},[460,886,709],{"class":551},[460,888,558],{"class":469},[460,890,561],{"class":469},[460,892,845],{"class":486},[460,894,561],{"class":469},[460,896,897],{"class":551}," orientation",[460,899,558],{"class":469},[460,901,561],{"class":469},[460,903,839],{"class":486},[460,905,561],{"class":469},[460,907,568],{"class":469},[460,909,910,912,914,916,918,920,922,924,926,928,930,932,934],{"class":462,"line":592},[460,911,725],{"class":469},[460,913,150],{"class":547},[460,915,730],{"class":551},[460,917,558],{"class":469},[460,919,561],{"class":469},[460,921,846],{"class":486},[460,923,561],{"class":469},[460,925,709],{"class":551},[460,927,558],{"class":469},[460,929,561],{"class":469},[460,931,60],{"class":486},[460,933,561],{"class":469},[460,935,751],{"class":469},[460,937,938,940,942,944,946,948,950,952,954,956,958,960,962],{"class":462,"line":611},[460,939,725],{"class":469},[460,941,150],{"class":547},[460,943,730],{"class":551},[460,945,558],{"class":469},[460,947,561],{"class":469},[460,949,852],{"class":486},[460,951,561],{"class":469},[460,953,709],{"class":551},[460,955,558],{"class":469},[460,957,561],{"class":469},[460,959,851],{"class":486},[460,961,561],{"class":469},[460,963,751],{"class":469},[460,965,966,968,970],{"class":462,"line":631},[460,967,815],{"class":469},[460,969,694],{"class":547},[460,971,568],{"class":469},[460,973,974,976,978],{"class":462,"line":638},[460,975,667],{"class":469},[460,977,531],{"class":547},[460,979,568],{"class":469},[830,981,983],{"id":982},"required-and-optionality","Required and optionality",[492,985,986,989,990,993,994,997],{},[457,987,988],{},"required"," renders the visual required indicator next to the group label; ",[457,991,992],{},"optionalityDescription"," and ",[457,995,996],{},"additionalDescription"," add supporting texts:",[511,999,1000,1008],{},[514,1001,1004,1006],{"label":516,":required":1002,"additionalDescription":1003},"true","Pickup points are available in most cities.",[519,1005],{"label":521,"value":517},[519,1007],{"label":528,"value":529},[531,1009,1010],{"v-slot:code":455},[450,1011,1013],{"className":535,"code":1012,"language":537,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CRadioGroup\n    v-model=\"delivery\"\n    label=\"Delivery method\"\n    required\n    additional-description=\"Pickup points are available in most cities.\"\n  >\n    \u003CRadio value=\"pickup\" label=\"Personal pickup\" \u002F>\n    \u003CRadio value=\"box\" label=\"Pickup point\" \u002F>\n  \u003C\u002FRadioGroup>\n\u003C\u002Ftemplate>\n",[457,1014,1015,1023,1030,1043,1056,1061,1074,1079,1107,1135,1143],{"__ignoreMap":455},[460,1016,1017,1019,1021],{"class":462,"line":463},[460,1018,544],{"class":469},[460,1020,531],{"class":547},[460,1022,568],{"class":469},[460,1024,1025,1027],{"class":462,"line":571},[460,1026,691],{"class":469},[460,1028,1029],{"class":547},"RadioGroup\n",[460,1031,1032,1035,1037,1039,1041],{"class":462,"line":592},[460,1033,1034],{"class":551},"    v-model",[460,1036,558],{"class":469},[460,1038,561],{"class":469},[460,1040,704],{"class":473},[460,1042,490],{"class":469},[460,1044,1045,1048,1050,1052,1054],{"class":462,"line":611},[460,1046,1047],{"class":551},"    label",[460,1049,558],{"class":469},[460,1051,561],{"class":469},[460,1053,516],{"class":486},[460,1055,490],{"class":469},[460,1057,1058],{"class":462,"line":631},[460,1059,1060],{"class":551},"    required\n",[460,1062,1063,1066,1068,1070,1072],{"class":462,"line":638},[460,1064,1065],{"class":551},"    additional-description",[460,1067,558],{"class":469},[460,1069,561],{"class":469},[460,1071,1003],{"class":486},[460,1073,490],{"class":469},[460,1075,1076],{"class":462,"line":664},[460,1077,1078],{"class":469},"  >\n",[460,1080,1081,1083,1085,1087,1089,1091,1093,1095,1097,1099,1101,1103,1105],{"class":462,"line":674},[460,1082,725],{"class":469},[460,1084,150],{"class":547},[460,1086,730],{"class":551},[460,1088,558],{"class":469},[460,1090,561],{"class":469},[460,1092,517],{"class":486},[460,1094,561],{"class":469},[460,1096,709],{"class":551},[460,1098,558],{"class":469},[460,1100,561],{"class":469},[460,1102,521],{"class":486},[460,1104,561],{"class":469},[460,1106,751],{"class":469},[460,1108,1109,1111,1113,1115,1117,1119,1121,1123,1125,1127,1129,1131,1133],{"class":462,"line":679},[460,1110,725],{"class":469},[460,1112,150],{"class":547},[460,1114,730],{"class":551},[460,1116,558],{"class":469},[460,1118,561],{"class":469},[460,1120,529],{"class":486},[460,1122,561],{"class":469},[460,1124,709],{"class":551},[460,1126,558],{"class":469},[460,1128,561],{"class":469},[460,1130,528],{"class":486},[460,1132,561],{"class":469},[460,1134,751],{"class":469},[460,1136,1137,1139,1141],{"class":462,"line":688},[460,1138,815],{"class":469},[460,1140,694],{"class":547},[460,1142,568],{"class":469},[460,1144,1145,1147,1149],{"class":462,"line":722},[460,1146,667],{"class":469},[460,1148,531],{"class":547},[460,1150,568],{"class":469},[830,1152,1154],{"id":1153},"disabled","Disabled",[492,1156,1157,1159],{},[457,1158,1153],{}," on the group disables every radio in it:",[511,1161,1162,1168],{},[514,1163,1164,1166],{"label":516,"model-value":517,":disabled":1002},[519,1165],{"label":521,"value":517},[519,1167],{"label":524,"value":525},[531,1169,1170],{"v-slot:code":455},[450,1171,1173],{"className":535,"code":1172,"language":537,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CRadioGroup v-model=\"delivery\" label=\"Delivery method\" disabled>\n    \u003CRadio value=\"pickup\" label=\"Personal pickup\" \u002F>\n    \u003CRadio value=\"home\" label=\"Home delivery\" \u002F>\n  \u003C\u002FRadioGroup>\n\u003C\u002Ftemplate>\n",[457,1174,1175,1183,1214,1242,1270,1278],{"__ignoreMap":455},[460,1176,1177,1179,1181],{"class":462,"line":463},[460,1178,544],{"class":469},[460,1180,531],{"class":547},[460,1182,568],{"class":469},[460,1184,1185,1187,1189,1191,1193,1195,1197,1199,1201,1203,1205,1207,1209,1212],{"class":462,"line":571},[460,1186,691],{"class":469},[460,1188,694],{"class":547},[460,1190,697],{"class":551},[460,1192,558],{"class":469},[460,1194,561],{"class":469},[460,1196,704],{"class":473},[460,1198,561],{"class":469},[460,1200,709],{"class":551},[460,1202,558],{"class":469},[460,1204,561],{"class":469},[460,1206,516],{"class":486},[460,1208,561],{"class":469},[460,1210,1211],{"class":551}," disabled",[460,1213,568],{"class":469},[460,1215,1216,1218,1220,1222,1224,1226,1228,1230,1232,1234,1236,1238,1240],{"class":462,"line":592},[460,1217,725],{"class":469},[460,1219,150],{"class":547},[460,1221,730],{"class":551},[460,1223,558],{"class":469},[460,1225,561],{"class":469},[460,1227,517],{"class":486},[460,1229,561],{"class":469},[460,1231,709],{"class":551},[460,1233,558],{"class":469},[460,1235,561],{"class":469},[460,1237,521],{"class":486},[460,1239,561],{"class":469},[460,1241,751],{"class":469},[460,1243,1244,1246,1248,1250,1252,1254,1256,1258,1260,1262,1264,1266,1268],{"class":462,"line":611},[460,1245,725],{"class":469},[460,1247,150],{"class":547},[460,1249,730],{"class":551},[460,1251,558],{"class":469},[460,1253,561],{"class":469},[460,1255,525],{"class":486},[460,1257,561],{"class":469},[460,1259,709],{"class":551},[460,1261,558],{"class":469},[460,1263,561],{"class":469},[460,1265,524],{"class":486},[460,1267,561],{"class":469},[460,1269,751],{"class":469},[460,1271,1272,1274,1276],{"class":462,"line":631},[460,1273,815],{"class":469},[460,1275,694],{"class":547},[460,1277,568],{"class":469},[460,1279,1280,1282,1284],{"class":462,"line":638},[460,1281,667],{"class":469},[460,1283,531],{"class":547},[460,1285,568],{"class":469},[830,1287,1289],{"id":1288},"validation-errors","Validation errors",[492,1291,1292,1293,1296,1297,1300],{},"Group-level ",[457,1294,1295],{},"errors"," render once below the radios and mark the children as invalid when ",[457,1298,1299],{},"touched",":",[511,1302,1303,1310],{},[514,1304,1306,1308],{"label":516,":errors":1305,":touched":1002},"[{\"label\":\"Choose a delivery method\",\"param\":\"required\"}]",[519,1307],{"label":521,"value":517},[519,1309],{"label":524,"value":525},[531,1311,1312],{"v-slot:code":455},[450,1313,1315],{"className":535,"code":1314,"language":537,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CRadioGroup\n    v-model=\"delivery\"\n    label=\"Delivery method\"\n    :touched=\"true\"\n    :errors=\"[{ label: 'Choose a delivery method', param: 'required' }]\"\n  >\n    \u003CRadio value=\"pickup\" label=\"Personal pickup\" \u002F>\n    \u003CRadio value=\"home\" label=\"Home delivery\" \u002F>\n  \u003C\u002FRadioGroup>\n\u003C\u002Ftemplate>\n",[457,1316,1317,1325,1331,1343,1355,1371,1417,1421,1449,1477,1485],{"__ignoreMap":455},[460,1318,1319,1321,1323],{"class":462,"line":463},[460,1320,544],{"class":469},[460,1322,531],{"class":547},[460,1324,568],{"class":469},[460,1326,1327,1329],{"class":462,"line":571},[460,1328,691],{"class":469},[460,1330,1029],{"class":547},[460,1332,1333,1335,1337,1339,1341],{"class":462,"line":592},[460,1334,1034],{"class":551},[460,1336,558],{"class":469},[460,1338,561],{"class":469},[460,1340,704],{"class":473},[460,1342,490],{"class":469},[460,1344,1345,1347,1349,1351,1353],{"class":462,"line":611},[460,1346,1047],{"class":551},[460,1348,558],{"class":469},[460,1350,561],{"class":469},[460,1352,516],{"class":486},[460,1354,490],{"class":469},[460,1356,1357,1360,1362,1364,1366,1369],{"class":462,"line":631},[460,1358,1359],{"class":469},"    :",[460,1361,1299],{"class":551},[460,1363,558],{"class":469},[460,1365,561],{"class":469},[460,1367,1002],{"class":1368},"sbqyR",[460,1370,490],{"class":469},[460,1372,1373,1375,1377,1379,1381,1384,1387,1390,1393,1396,1398,1401,1404,1406,1408,1410,1412,1415],{"class":462,"line":638},[460,1374,1359],{"class":469},[460,1376,1295],{"class":551},[460,1378,558],{"class":469},[460,1380,561],{"class":469},[460,1382,1383],{"class":469},"[{ ",[460,1385,1386],{"class":547},"label",[460,1388,1389],{"class":469},": ",[460,1391,1392],{"class":469},"'",[460,1394,1395],{"class":486},"Choose a delivery method",[460,1397,1392],{"class":469},[460,1399,1400],{"class":469},", ",[460,1402,1403],{"class":547},"param",[460,1405,1389],{"class":469},[460,1407,1392],{"class":469},[460,1409,988],{"class":486},[460,1411,1392],{"class":469},[460,1413,1414],{"class":469}," }]",[460,1416,490],{"class":469},[460,1418,1419],{"class":462,"line":664},[460,1420,1078],{"class":469},[460,1422,1423,1425,1427,1429,1431,1433,1435,1437,1439,1441,1443,1445,1447],{"class":462,"line":674},[460,1424,725],{"class":469},[460,1426,150],{"class":547},[460,1428,730],{"class":551},[460,1430,558],{"class":469},[460,1432,561],{"class":469},[460,1434,517],{"class":486},[460,1436,561],{"class":469},[460,1438,709],{"class":551},[460,1440,558],{"class":469},[460,1442,561],{"class":469},[460,1444,521],{"class":486},[460,1446,561],{"class":469},[460,1448,751],{"class":469},[460,1450,1451,1453,1455,1457,1459,1461,1463,1465,1467,1469,1471,1473,1475],{"class":462,"line":679},[460,1452,725],{"class":469},[460,1454,150],{"class":547},[460,1456,730],{"class":551},[460,1458,558],{"class":469},[460,1460,561],{"class":469},[460,1462,525],{"class":486},[460,1464,561],{"class":469},[460,1466,709],{"class":551},[460,1468,558],{"class":469},[460,1470,561],{"class":469},[460,1472,524],{"class":486},[460,1474,561],{"class":469},[460,1476,751],{"class":469},[460,1478,1479,1481,1483],{"class":462,"line":688},[460,1480,815],{"class":469},[460,1482,694],{"class":547},[460,1484,568],{"class":469},[460,1486,1487,1489,1491],{"class":462,"line":722},[460,1488,667],{"class":469},[460,1490,531],{"class":547},[460,1492,568],{"class":469},[1494,1495,1496],"note",{},[492,1497,1498,1499,1501],{},"The interactive playground is not available for this component because it composes child ",[457,1500,150],{}," components — use the code examples above.",[1503,1504,1505],"style",{},"html pre.shiki code .s6cf3, html code.shiki .s6cf3{--shiki-default:#89DDFF;--shiki-default-font-style:italic}html pre.shiki code .sAklC, html code.shiki .sAklC{--shiki-default:#89DDFF}html pre.shiki code .s0W1g, html code.shiki .s0W1g{--shiki-default:#BABED8}html pre.shiki code .sfyAc, html code.shiki .sfyAc{--shiki-default:#C3E88D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .s-wAU, html code.shiki .s-wAU{--shiki-default:#F07178}html pre.shiki code .sJ14y, html code.shiki .sJ14y{--shiki-default:#C792EA}html pre.shiki code .sdLwU, html code.shiki .sdLwU{--shiki-default:#82AAFF}html pre.shiki code .sbqyR, html code.shiki .sbqyR{--shiki-default:#FF9CAC}",{"title":455,"searchDepth":463,"depth":571,"links":1507},[1508,1509],{"id":447,"depth":571,"text":448},{"id":497,"depth":571,"text":498,"children":1510},[1511,1512,1513,1514],{"id":832,"depth":592,"text":833},{"id":982,"depth":592,"text":983},{"id":1153,"depth":592,"text":1154},{"id":1288,"depth":592,"text":1289},"Group radios under a shared label and value.","md",null,{},"\u002Fcomponents\u002Fradio-group\u002Fdeveloper",{"title":163,"description":1515},"2.components\u002F17.radio-group\u002F3.developer","bju0_2FyimBDBmgJ3Cf8rwa-Kk8ODRDy8lEd-0Eo6eA",1793289682300]