[{"data":1,"prerenderedAt":1449},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftabs\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":221,"body":441,"description":1441,"extension":1442,"links":1443,"meta":1444,"navigation":6,"path":1445,"seo":1446,"stem":1447,"__hash__":1448},"docs\u002F2.components\u002F25.tabs\u002F3.developer.md",{"type":442,"value":443,"toc":1432},"minimark",[444,449,462,524,531,535,548,811,816,827,950,954,961,1069,1073,1083,1300,1304,1314,1428],[445,446,448],"h2",{"id":447},"import","Import",[450,451,452,453,457,458,461],"p",{},"Tabs are composed of two parts — a ",[454,455,456],"code",{},"TabGroup"," that renders the tab bar and one ",[454,459,460],{},"Tab"," per view:",[463,464,469],"pre",{"className":465,"code":466,"language":467,"meta":468,"style":468},"language-ts shiki shiki-themes material-theme-palenight","import { Tab } from \"@dr-max\u002Fui\u002Ftab\"\nimport { TabGroup } from \"@dr-max\u002Fui\u002Ftab-group\"\n","ts","",[454,470,471,503],{"__ignoreMap":468},[472,473,476,479,483,487,490,493,496,500],"span",{"class":474,"line":475},"line",1,[472,477,447],{"class":478},"s6cf3",[472,480,482],{"class":481},"sAklC"," {",[472,484,486],{"class":485},"s0W1g"," Tab",[472,488,489],{"class":481}," }",[472,491,492],{"class":478}," from",[472,494,495],{"class":481}," \"",[472,497,499],{"class":498},"sfyAc","@dr-max\u002Fui\u002Ftab",[472,501,502],{"class":481},"\"\n",[472,504,506,508,510,513,515,517,519,522],{"class":474,"line":505},2,[472,507,447],{"class":478},[472,509,482],{"class":481},[472,511,512],{"class":485}," TabGroup",[472,514,489],{"class":481},[472,516,492],{"class":478},[472,518,495],{"class":481},[472,520,521],{"class":498},"@dr-max\u002Fui\u002Ftab-group",[472,523,502],{"class":481},[450,525,526,527,530],{},"The ",[454,528,529],{},"tab-group"," entry carries its own precompiled CSS (including the styles of the Tab, TabBadge and Text parts it composes) — no extra style imports needed.",[445,532,534],{"id":533},"usage","Usage",[450,536,537,538,540,541,543,544,547],{},"Each ",[454,539,460],{}," registers itself with the surrounding ",[454,542,456],{},"; its ",[454,545,546],{},"name"," is the label shown in the tab bar and the value the group's model uses. The first visible tab is selected by default:",[549,550,551,575],"code-preview",{},[552,553,556,563,569],"ui-tab-group",{"className":554},[555],"w-full",[557,558,560],"ui-tab",{"name":559},"Description",[450,561,562],{},"Paracetamol relieves mild to moderate pain and lowers fever.",[557,564,566],{"name":565},"Dosage",[450,567,568],{},"Adults and children over 12: 1–2 tablets every 4–6 hours as needed.",[557,570,572],{"name":571},"Ingredients",[450,573,574],{},"Each tablet contains 500 mg of paracetamol.",[576,577,578],"template",{"v-slot:code":468},[463,579,583],{"className":580,"code":581,"language":582,"meta":468,"style":468},"language-vue shiki shiki-themes material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Tab } from \"@dr-max\u002Fui\u002Ftab\"\nimport { TabGroup } from \"@dr-max\u002Fui\u002Ftab-group\"\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTabGroup>\n    \u003CTab name=\"Description\">\n      Paracetamol relieves mild to moderate pain and lowers fever.\n    \u003C\u002FTab>\n    \u003CTab name=\"Dosage\">\n      Adults and children over 12: 1–2 tablets every 4–6 hours as needed.\n    \u003C\u002FTab>\n    \u003CTab name=\"Ingredients\">\n      Each tablet contains 500 mg of paracetamol.\n    \u003C\u002FTab>\n  \u003C\u002FTabGroup>\n\u003C\u002Ftemplate>\n","vue",[454,584,585,614,632,651,661,668,677,687,708,714,724,743,749,758,777,783,792,802],{"__ignoreMap":468},[472,586,587,590,594,598,601,604,607,609,611],{"class":474,"line":475},[472,588,589],{"class":481},"\u003C",[472,591,593],{"class":592},"s-wAU","script",[472,595,597],{"class":596},"sJ14y"," setup",[472,599,600],{"class":596}," lang",[472,602,603],{"class":481},"=",[472,605,606],{"class":481},"\"",[472,608,467],{"class":498},[472,610,606],{"class":481},[472,612,613],{"class":481},">\n",[472,615,616,618,620,622,624,626,628,630],{"class":474,"line":505},[472,617,447],{"class":478},[472,619,482],{"class":481},[472,621,486],{"class":485},[472,623,489],{"class":481},[472,625,492],{"class":478},[472,627,495],{"class":481},[472,629,499],{"class":498},[472,631,502],{"class":481},[472,633,635,637,639,641,643,645,647,649],{"class":474,"line":634},3,[472,636,447],{"class":478},[472,638,482],{"class":481},[472,640,512],{"class":485},[472,642,489],{"class":481},[472,644,492],{"class":478},[472,646,495],{"class":481},[472,648,521],{"class":498},[472,650,502],{"class":481},[472,652,654,657,659],{"class":474,"line":653},4,[472,655,656],{"class":481},"\u003C\u002F",[472,658,593],{"class":592},[472,660,613],{"class":481},[472,662,664],{"class":474,"line":663},5,[472,665,667],{"emptyLinePlaceholder":666},true,"\n",[472,669,671,673,675],{"class":474,"line":670},6,[472,672,589],{"class":481},[472,674,576],{"class":592},[472,676,613],{"class":481},[472,678,680,683,685],{"class":474,"line":679},7,[472,681,682],{"class":481},"  \u003C",[472,684,456],{"class":592},[472,686,613],{"class":481},[472,688,690,693,695,698,700,702,704,706],{"class":474,"line":689},8,[472,691,692],{"class":481},"    \u003C",[472,694,460],{"class":592},[472,696,697],{"class":596}," name",[472,699,603],{"class":481},[472,701,606],{"class":481},[472,703,559],{"class":498},[472,705,606],{"class":481},[472,707,613],{"class":481},[472,709,711],{"class":474,"line":710},9,[472,712,713],{"class":485},"      Paracetamol relieves mild to moderate pain and lowers fever.\n",[472,715,717,720,722],{"class":474,"line":716},10,[472,718,719],{"class":481},"    \u003C\u002F",[472,721,460],{"class":592},[472,723,613],{"class":481},[472,725,727,729,731,733,735,737,739,741],{"class":474,"line":726},11,[472,728,692],{"class":481},[472,730,460],{"class":592},[472,732,697],{"class":596},[472,734,603],{"class":481},[472,736,606],{"class":481},[472,738,565],{"class":498},[472,740,606],{"class":481},[472,742,613],{"class":481},[472,744,746],{"class":474,"line":745},12,[472,747,748],{"class":485},"      Adults and children over 12: 1–2 tablets every 4–6 hours as needed.\n",[472,750,752,754,756],{"class":474,"line":751},13,[472,753,719],{"class":481},[472,755,460],{"class":592},[472,757,613],{"class":481},[472,759,761,763,765,767,769,771,773,775],{"class":474,"line":760},14,[472,762,692],{"class":481},[472,764,460],{"class":592},[472,766,697],{"class":596},[472,768,603],{"class":481},[472,770,606],{"class":481},[472,772,571],{"class":498},[472,774,606],{"class":481},[472,776,613],{"class":481},[472,778,780],{"class":474,"line":779},15,[472,781,782],{"class":485},"      Each tablet contains 500 mg of paracetamol.\n",[472,784,786,788,790],{"class":474,"line":785},16,[472,787,719],{"class":481},[472,789,460],{"class":592},[472,791,613],{"class":481},[472,793,795,798,800],{"class":474,"line":794},17,[472,796,797],{"class":481},"  \u003C\u002F",[472,799,456],{"class":592},[472,801,613],{"class":481},[472,803,805,807,809],{"class":474,"line":804},18,[472,806,656],{"class":481},[472,808,576],{"class":592},[472,810,613],{"class":481},[812,813,815],"h3",{"id":814},"counter","Counter",[450,817,818,819,821,822,826],{},"Set ",[454,820,814],{}," on a tab to show a ",[823,824,217],"a",{"href":825},"\u002Fcomponents\u002Ftab-badge\u002Fdeveloper"," next to its label:",[549,828,829,843],{},[552,830,832,836],{"className":831},[555],[557,833,834],{"name":559},[450,835,562],{},[557,837,840],{"name":838,":counter":839},"Reviews","12",[450,841,842],{},"4.8 out of 5 — based on 12 verified reviews.",[576,844,845],{"v-slot:code":468},[463,846,848],{"className":580,"code":847,"language":582,"meta":468,"style":468},"\u003Ctemplate>\n  \u003CTabGroup>\n    \u003CTab name=\"Description\"> … \u003C\u002FTab>\n    \u003CTab name=\"Reviews\" :counter=\"12\"> … \u003C\u002FTab>\n  \u003C\u002FTabGroup>\n\u003C\u002Ftemplate>\n",[454,849,850,858,866,894,934,942],{"__ignoreMap":468},[472,851,852,854,856],{"class":474,"line":475},[472,853,589],{"class":481},[472,855,576],{"class":592},[472,857,613],{"class":481},[472,859,860,862,864],{"class":474,"line":505},[472,861,682],{"class":481},[472,863,456],{"class":592},[472,865,613],{"class":481},[472,867,868,870,872,874,876,878,880,882,885,888,890,892],{"class":474,"line":634},[472,869,692],{"class":481},[472,871,460],{"class":592},[472,873,697],{"class":596},[472,875,603],{"class":481},[472,877,606],{"class":481},[472,879,559],{"class":498},[472,881,606],{"class":481},[472,883,884],{"class":481},">",[472,886,887],{"class":485}," … ",[472,889,656],{"class":481},[472,891,460],{"class":592},[472,893,613],{"class":481},[472,895,896,898,900,902,904,906,908,910,913,915,917,919,922,924,926,928,930,932],{"class":474,"line":653},[472,897,692],{"class":481},[472,899,460],{"class":592},[472,901,697],{"class":596},[472,903,603],{"class":481},[472,905,606],{"class":481},[472,907,838],{"class":498},[472,909,606],{"class":481},[472,911,912],{"class":481}," :",[472,914,814],{"class":596},[472,916,603],{"class":481},[472,918,606],{"class":481},[472,920,839],{"class":921},"sx098",[472,923,606],{"class":481},[472,925,884],{"class":481},[472,927,887],{"class":485},[472,929,656],{"class":481},[472,931,460],{"class":592},[472,933,613],{"class":481},[472,935,936,938,940],{"class":474,"line":663},[472,937,797],{"class":481},[472,939,456],{"class":592},[472,941,613],{"class":481},[472,943,944,946,948],{"class":474,"line":670},[472,945,656],{"class":481},[472,947,576],{"class":592},[472,949,613],{"class":481},[812,951,953],{"id":952},"preselected-tab","Preselected tab",[450,955,956,957,960],{},"Without a model value the group opens on the first visible tab — set ",[454,958,959],{},"selected"," on a tab to open on a different one:",[549,962,963,975],{},[552,964,966,970],{"className":965},[555],[557,967,968],{"name":559},[450,969,562],{},[557,971,973],{"name":565,":selected":972},"true",[450,974,568],{},[576,976,977],{"v-slot:code":468},[463,978,980],{"className":580,"code":979,"language":582,"meta":468,"style":468},"\u003Ctemplate>\n  \u003CTabGroup>\n    \u003CTab name=\"Description\"> … \u003C\u002FTab>\n    \u003CTab name=\"Dosage\" selected> … \u003C\u002FTab>\n  \u003C\u002FTabGroup>\n\u003C\u002Ftemplate>\n",[454,981,982,990,998,1024,1053,1061],{"__ignoreMap":468},[472,983,984,986,988],{"class":474,"line":475},[472,985,589],{"class":481},[472,987,576],{"class":592},[472,989,613],{"class":481},[472,991,992,994,996],{"class":474,"line":505},[472,993,682],{"class":481},[472,995,456],{"class":592},[472,997,613],{"class":481},[472,999,1000,1002,1004,1006,1008,1010,1012,1014,1016,1018,1020,1022],{"class":474,"line":634},[472,1001,692],{"class":481},[472,1003,460],{"class":592},[472,1005,697],{"class":596},[472,1007,603],{"class":481},[472,1009,606],{"class":481},[472,1011,559],{"class":498},[472,1013,606],{"class":481},[472,1015,884],{"class":481},[472,1017,887],{"class":485},[472,1019,656],{"class":481},[472,1021,460],{"class":592},[472,1023,613],{"class":481},[472,1025,1026,1028,1030,1032,1034,1036,1038,1040,1043,1045,1047,1049,1051],{"class":474,"line":653},[472,1027,692],{"class":481},[472,1029,460],{"class":592},[472,1031,697],{"class":596},[472,1033,603],{"class":481},[472,1035,606],{"class":481},[472,1037,565],{"class":498},[472,1039,606],{"class":481},[472,1041,1042],{"class":596}," selected",[472,1044,884],{"class":481},[472,1046,887],{"class":485},[472,1048,656],{"class":481},[472,1050,460],{"class":592},[472,1052,613],{"class":481},[472,1054,1055,1057,1059],{"class":474,"line":663},[472,1056,797],{"class":481},[472,1058,456],{"class":592},[472,1060,613],{"class":481},[472,1062,1063,1065,1067],{"class":474,"line":670},[472,1064,656],{"class":481},[472,1066,576],{"class":592},[472,1068,613],{"class":481},[812,1070,1072],{"id":1071},"controlled-state","Controlled state",[450,1074,1075,1076,1078,1079,1082],{},"Bind the selected tab's ",[454,1077,546],{}," with ",[454,1080,1081],{},"v-model"," to control the group programmatically:",[463,1084,1086],{"className":580,"code":1085,"language":582,"meta":468,"style":468},"\u003Cscript setup lang=\"ts\">\nimport { Tab } from \"@dr-max\u002Fui\u002Ftab\"\nimport { TabGroup } from \"@dr-max\u002Fui\u002Ftab-group\"\nimport { ref } from \"vue\"\n\nconst activeTab = ref(\"Dosage\")\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTabGroup v-model=\"activeTab\">\n    \u003CTab name=\"Description\"> … \u003C\u002FTab>\n    \u003CTab name=\"Dosage\"> … \u003C\u002FTab>\n  \u003C\u002FTabGroup>\n\u003C\u002Ftemplate>\n",[454,1087,1088,1108,1126,1144,1163,1167,1192,1200,1204,1212,1232,1258,1284,1292],{"__ignoreMap":468},[472,1089,1090,1092,1094,1096,1098,1100,1102,1104,1106],{"class":474,"line":475},[472,1091,589],{"class":481},[472,1093,593],{"class":592},[472,1095,597],{"class":596},[472,1097,600],{"class":596},[472,1099,603],{"class":481},[472,1101,606],{"class":481},[472,1103,467],{"class":498},[472,1105,606],{"class":481},[472,1107,613],{"class":481},[472,1109,1110,1112,1114,1116,1118,1120,1122,1124],{"class":474,"line":505},[472,1111,447],{"class":478},[472,1113,482],{"class":481},[472,1115,486],{"class":485},[472,1117,489],{"class":481},[472,1119,492],{"class":478},[472,1121,495],{"class":481},[472,1123,499],{"class":498},[472,1125,502],{"class":481},[472,1127,1128,1130,1132,1134,1136,1138,1140,1142],{"class":474,"line":634},[472,1129,447],{"class":478},[472,1131,482],{"class":481},[472,1133,512],{"class":485},[472,1135,489],{"class":481},[472,1137,492],{"class":478},[472,1139,495],{"class":481},[472,1141,521],{"class":498},[472,1143,502],{"class":481},[472,1145,1146,1148,1150,1153,1155,1157,1159,1161],{"class":474,"line":653},[472,1147,447],{"class":478},[472,1149,482],{"class":481},[472,1151,1152],{"class":485}," ref",[472,1154,489],{"class":481},[472,1156,492],{"class":478},[472,1158,495],{"class":481},[472,1160,582],{"class":498},[472,1162,502],{"class":481},[472,1164,1165],{"class":474,"line":663},[472,1166,667],{"emptyLinePlaceholder":666},[472,1168,1169,1172,1175,1177,1180,1183,1185,1187,1189],{"class":474,"line":670},[472,1170,1171],{"class":596},"const",[472,1173,1174],{"class":485}," activeTab ",[472,1176,603],{"class":481},[472,1178,1152],{"class":1179},"sdLwU",[472,1181,1182],{"class":485},"(",[472,1184,606],{"class":481},[472,1186,565],{"class":498},[472,1188,606],{"class":481},[472,1190,1191],{"class":485},")\n",[472,1193,1194,1196,1198],{"class":474,"line":679},[472,1195,656],{"class":481},[472,1197,593],{"class":592},[472,1199,613],{"class":481},[472,1201,1202],{"class":474,"line":689},[472,1203,667],{"emptyLinePlaceholder":666},[472,1205,1206,1208,1210],{"class":474,"line":710},[472,1207,589],{"class":481},[472,1209,576],{"class":592},[472,1211,613],{"class":481},[472,1213,1214,1216,1218,1221,1223,1225,1228,1230],{"class":474,"line":716},[472,1215,682],{"class":481},[472,1217,456],{"class":592},[472,1219,1220],{"class":596}," v-model",[472,1222,603],{"class":481},[472,1224,606],{"class":481},[472,1226,1227],{"class":485},"activeTab",[472,1229,606],{"class":481},[472,1231,613],{"class":481},[472,1233,1234,1236,1238,1240,1242,1244,1246,1248,1250,1252,1254,1256],{"class":474,"line":726},[472,1235,692],{"class":481},[472,1237,460],{"class":592},[472,1239,697],{"class":596},[472,1241,603],{"class":481},[472,1243,606],{"class":481},[472,1245,559],{"class":498},[472,1247,606],{"class":481},[472,1249,884],{"class":481},[472,1251,887],{"class":485},[472,1253,656],{"class":481},[472,1255,460],{"class":592},[472,1257,613],{"class":481},[472,1259,1260,1262,1264,1266,1268,1270,1272,1274,1276,1278,1280,1282],{"class":474,"line":745},[472,1261,692],{"class":481},[472,1263,460],{"class":592},[472,1265,697],{"class":596},[472,1267,603],{"class":481},[472,1269,606],{"class":481},[472,1271,565],{"class":498},[472,1273,606],{"class":481},[472,1275,884],{"class":481},[472,1277,887],{"class":485},[472,1279,656],{"class":481},[472,1281,460],{"class":592},[472,1283,613],{"class":481},[472,1285,1286,1288,1290],{"class":474,"line":751},[472,1287,797],{"class":481},[472,1289,456],{"class":592},[472,1291,613],{"class":481},[472,1293,1294,1296,1298],{"class":474,"line":760},[472,1295,656],{"class":481},[472,1297,576],{"class":592},[472,1299,613],{"class":481},[812,1301,1303],{"id":1302},"hidden-tabs","Hidden tabs",[450,1305,818,1306,1309,1310,1313],{},[454,1307,1308],{},"visible"," to ",[454,1311,1312],{},"false"," to remove a tab from the tab bar without unmounting it — useful for tabs that depend on loaded data:",[463,1315,1317],{"className":580,"code":1316,"language":582,"meta":468,"style":468},"\u003Ctemplate>\n  \u003CTabGroup>\n    \u003CTab name=\"Description\"> … \u003C\u002FTab>\n    \u003CTab name=\"Reviews\" :visible=\"reviews.length > 0\"> … \u003C\u002FTab>\n  \u003C\u002FTabGroup>\n\u003C\u002Ftemplate>\n",[454,1318,1319,1327,1335,1361,1412,1420],{"__ignoreMap":468},[472,1320,1321,1323,1325],{"class":474,"line":475},[472,1322,589],{"class":481},[472,1324,576],{"class":592},[472,1326,613],{"class":481},[472,1328,1329,1331,1333],{"class":474,"line":505},[472,1330,682],{"class":481},[472,1332,456],{"class":592},[472,1334,613],{"class":481},[472,1336,1337,1339,1341,1343,1345,1347,1349,1351,1353,1355,1357,1359],{"class":474,"line":634},[472,1338,692],{"class":481},[472,1340,460],{"class":592},[472,1342,697],{"class":596},[472,1344,603],{"class":481},[472,1346,606],{"class":481},[472,1348,559],{"class":498},[472,1350,606],{"class":481},[472,1352,884],{"class":481},[472,1354,887],{"class":485},[472,1356,656],{"class":481},[472,1358,460],{"class":592},[472,1360,613],{"class":481},[472,1362,1363,1365,1367,1369,1371,1373,1375,1377,1379,1381,1383,1385,1388,1391,1394,1397,1400,1402,1404,1406,1408,1410],{"class":474,"line":653},[472,1364,692],{"class":481},[472,1366,460],{"class":592},[472,1368,697],{"class":596},[472,1370,603],{"class":481},[472,1372,606],{"class":481},[472,1374,838],{"class":498},[472,1376,606],{"class":481},[472,1378,912],{"class":481},[472,1380,1308],{"class":596},[472,1382,603],{"class":481},[472,1384,606],{"class":481},[472,1386,1387],{"class":485},"reviews",[472,1389,1390],{"class":481},".",[472,1392,1393],{"class":485},"length",[472,1395,1396],{"class":481}," > ",[472,1398,1399],{"class":921},"0",[472,1401,606],{"class":481},[472,1403,884],{"class":481},[472,1405,887],{"class":485},[472,1407,656],{"class":481},[472,1409,460],{"class":592},[472,1411,613],{"class":481},[472,1413,1414,1416,1418],{"class":474,"line":663},[472,1415,797],{"class":481},[472,1417,456],{"class":592},[472,1419,613],{"class":481},[472,1421,1422,1424,1426],{"class":474,"line":670},[472,1423,656],{"class":481},[472,1425,576],{"class":592},[472,1427,613],{"class":481},[1429,1430,1431],"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 .sx098, html code.shiki .sx098{--shiki-default:#F78C6C}html pre.shiki code .sdLwU, html code.shiki .sdLwU{--shiki-default:#82AAFF}",{"title":468,"searchDepth":475,"depth":505,"links":1433},[1434,1435],{"id":447,"depth":505,"text":448},{"id":533,"depth":505,"text":534,"children":1436},[1437,1438,1439,1440],{"id":814,"depth":634,"text":815},{"id":952,"depth":634,"text":953},{"id":1071,"depth":634,"text":1072},{"id":1302,"depth":634,"text":1303},"Let users switch between related views of content.","md",null,{},"\u002Fcomponents\u002Ftabs\u002Fdeveloper",{"title":221,"description":1441},"2.components\u002F25.tabs\u002F3.developer","iKYR9pJyqlqA1M32ix71ZByX_wfVY7QjT0CERKUKX5s",1793289683180]