[{"data":1,"prerenderedAt":536},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-button-group":12,"i-ph:code":524,"i-ph:caret-down":526,"i-ph:text-b-bold":528,"i-ph:text-bold":530,"i-ph:text-italic":532,"i-ph:text-a-underline":534},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":25,"extension":518,"meta":519,"navigation":110,"path":520,"seo":521,"stem":522,"__hash__":523},"docs\u002Fdocs\u002Fcomponents\u002Fbutton-group.md","Button Group",{"type":16,"value":17,"toc":514},"minimark",[18,22,26,376,381,473,477,510],[19,20,14],"h1",{"id":21},"button-group",[23,24,25],"p",{},"A wrapper component that groups multiple buttons together, joining their borders for a cohesive, unified appearance. Commonly used for toolbars, split buttons, or any set of related actions.",[27,28,30],"button-group-example",{"source-path":29},"Button\u002FButtonGroup.vue",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Button, ButtonGroup } from '@dolanske\u002Fvui'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CButtonGroup>\n    \u003CButton outline :gap=\"2\">\n      Hello\n    \u003C\u002FButton>\n    \u003CButton outline>\n      \u003CIconCaretDown \u002F>\n    \u003C\u002FButton>\n  \u003C\u002FButtonGroup>\n\n  \u003CButtonGroup>\n    \u003CButton square active>\n      \u003CIconTextBBold \u002F>\n    \u003C\u002FButton>\n    \u003CButton square>\n      \u003CIconTextBold \u002F>\n    \u003C\u002FButton>\n    \u003CButton square>\n      \u003CIconTextItalic \u002F>\n    \u003C\u002FButton>\n    \u003CButton square>\n      \u003CIconTextAUnderline \u002F>\n    \u003C\u002FButton>\n  \u003C\u002FButtonGroup>\n\u003C\u002Ftemplate>\n","vue","",[38,39,40,60,95,105,112,122,133,161,168,178,189,201,210,220,225,234,249,259,268,279,289,298,309,319,328,339,349,358,367],"code",{"__ignoreMap":36},[41,42,45,49,53,57],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sP76a","\u003C",[41,50,52],{"class":51},"sKpE2","script",[41,54,56],{"class":55},"sflEz"," setup",[41,58,59],{"class":47},">\n",[41,61,63,66,69,72,75,78,81,84,88,92],{"class":43,"line":62},2,[41,64,65],{"class":51},"import",[41,67,68],{"class":47}," {",[41,70,71],{"class":55}," Button",[41,73,74],{"class":47},",",[41,76,77],{"class":55}," ButtonGroup",[41,79,80],{"class":47}," }",[41,82,83],{"class":51}," from",[41,85,87],{"class":86},"sBR95"," '",[41,89,91],{"class":90},"sfmH-","@dolanske\u002Fvui",[41,93,94],{"class":86},"'\n",[41,96,98,101,103],{"class":43,"line":97},3,[41,99,100],{"class":47},"\u003C\u002F",[41,102,52],{"class":51},[41,104,59],{"class":47},[41,106,108],{"class":43,"line":107},4,[41,109,111],{"emptyLinePlaceholder":110},true,"\n",[41,113,115,117,120],{"class":43,"line":114},5,[41,116,48],{"class":47},[41,118,119],{"class":51},"template",[41,121,59],{"class":47},[41,123,125,128,131],{"class":43,"line":124},6,[41,126,127],{"class":47},"  \u003C",[41,129,130],{"class":51},"ButtonGroup",[41,132,59],{"class":47},[41,134,136,139,142,145,148,151,154,157,159],{"class":43,"line":135},7,[41,137,138],{"class":47},"    \u003C",[41,140,141],{"class":51},"Button",[41,143,144],{"class":55}," outline",[41,146,147],{"class":55}," :gap",[41,149,150],{"class":47},"=",[41,152,153],{"class":86},"\"",[41,155,156],{"class":90},"2",[41,158,153],{"class":86},[41,160,59],{"class":47},[41,162,164],{"class":43,"line":163},8,[41,165,167],{"class":166},"sX1ls","      Hello\n",[41,169,171,174,176],{"class":43,"line":170},9,[41,172,173],{"class":47},"    \u003C\u002F",[41,175,141],{"class":51},[41,177,59],{"class":47},[41,179,181,183,185,187],{"class":43,"line":180},10,[41,182,138],{"class":47},[41,184,141],{"class":51},[41,186,144],{"class":55},[41,188,59],{"class":47},[41,190,192,195,198],{"class":43,"line":191},11,[41,193,194],{"class":47},"      \u003C",[41,196,197],{"class":51},"IconCaretDown",[41,199,200],{"class":47}," \u002F>\n",[41,202,204,206,208],{"class":43,"line":203},12,[41,205,173],{"class":47},[41,207,141],{"class":51},[41,209,59],{"class":47},[41,211,213,216,218],{"class":43,"line":212},13,[41,214,215],{"class":47},"  \u003C\u002F",[41,217,130],{"class":51},[41,219,59],{"class":47},[41,221,223],{"class":43,"line":222},14,[41,224,111],{"emptyLinePlaceholder":110},[41,226,228,230,232],{"class":43,"line":227},15,[41,229,127],{"class":47},[41,231,130],{"class":51},[41,233,59],{"class":47},[41,235,237,239,241,244,247],{"class":43,"line":236},16,[41,238,138],{"class":47},[41,240,141],{"class":51},[41,242,243],{"class":55}," square",[41,245,246],{"class":55}," active",[41,248,59],{"class":47},[41,250,252,254,257],{"class":43,"line":251},17,[41,253,194],{"class":47},[41,255,256],{"class":51},"IconTextBBold",[41,258,200],{"class":47},[41,260,262,264,266],{"class":43,"line":261},18,[41,263,173],{"class":47},[41,265,141],{"class":51},[41,267,59],{"class":47},[41,269,271,273,275,277],{"class":43,"line":270},19,[41,272,138],{"class":47},[41,274,141],{"class":51},[41,276,243],{"class":55},[41,278,59],{"class":47},[41,280,282,284,287],{"class":43,"line":281},20,[41,283,194],{"class":47},[41,285,286],{"class":51},"IconTextBold",[41,288,200],{"class":47},[41,290,292,294,296],{"class":43,"line":291},21,[41,293,173],{"class":47},[41,295,141],{"class":51},[41,297,59],{"class":47},[41,299,301,303,305,307],{"class":43,"line":300},22,[41,302,138],{"class":47},[41,304,141],{"class":51},[41,306,243],{"class":55},[41,308,59],{"class":47},[41,310,312,314,317],{"class":43,"line":311},23,[41,313,194],{"class":47},[41,315,316],{"class":51},"IconTextItalic",[41,318,200],{"class":47},[41,320,322,324,326],{"class":43,"line":321},24,[41,323,173],{"class":47},[41,325,141],{"class":51},[41,327,59],{"class":47},[41,329,331,333,335,337],{"class":43,"line":330},25,[41,332,138],{"class":47},[41,334,141],{"class":51},[41,336,243],{"class":55},[41,338,59],{"class":47},[41,340,342,344,347],{"class":43,"line":341},26,[41,343,194],{"class":47},[41,345,346],{"class":51},"IconTextAUnderline",[41,348,200],{"class":47},[41,350,352,354,356],{"class":43,"line":351},27,[41,353,173],{"class":47},[41,355,141],{"class":51},[41,357,59],{"class":47},[41,359,361,363,365],{"class":43,"line":360},28,[41,362,215],{"class":47},[41,364,130],{"class":51},[41,366,59],{"class":47},[41,368,370,372,374],{"class":43,"line":369},29,[41,371,100],{"class":47},[41,373,119],{"class":51},[41,375,59],{"class":47},[377,378,380],"h3",{"id":379},"props","Props",[382,383,384,400],"table",{},[385,386,387],"thead",{},[388,389,390,394,397],"tr",{},[391,392,393],"th",{},"Name",[391,395,396],{},"Default",[391,398,399],{},"Type",[401,402,403,426],"tbody",{},[388,404,405,411,416],{},[406,407,408],"td",{},[38,409,410],{},"vertical",[406,412,413],{},[38,414,415],{},"false",[406,417,418,421,422,425],{},[38,419,420],{},"boolean"," ",[423,424],"br",{}," Stacks the buttons vertically instead of horizontally",[388,427,428,433,438],{},[406,429,430],{},[38,431,432],{},"gap",[406,434,435],{},[38,436,437],{},"0",[406,439,440,421,443,421,446,421,449,421,452,421,455,421,458,421,461,421,464,421,467,469,470,472],{},[38,441,442],{},"xxs",[38,444,445],{},"xs",[38,447,448],{},"s",[38,450,451],{},"m",[38,453,454],{},"l",[38,456,457],{},"xl",[38,459,460],{},"xxl",[38,462,463],{},"xxxl",[38,465,466],{},"number",[423,468],{}," Gap between buttons in the group. When ",[38,471,437],{},", borders are merged for a seamless look",[377,474,476],{"id":475},"slots","Slots",[382,478,479,491],{},[385,480,481],{},[388,482,483,485,488],{},[391,484,393],{},[391,486,487],{},"Accepts",[391,489,490],{},"Description",[401,492,493],{},[388,494,495,500,504],{},[406,496,497],{},[38,498,499],{},"default",[406,501,502],{},[38,503,141],{},[406,505,506,507,509],{},"One or more ",[38,508,141],{}," components to be grouped",[511,512,513],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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);}",{"title":36,"searchDepth":62,"depth":62,"links":515},[516,517],{"id":379,"depth":97,"text":380},{"id":475,"depth":97,"text":476},"md",{},"\u002Fdocs\u002Fcomponents\u002Fbutton-group",{"title":14,"description":25},"docs\u002Fcomponents\u002Fbutton-group","l6d3UNp3SW_zD9393XGVxhtUxFE9Kyi_RBjC4ZIj0DQ",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":525},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":527},"\u003Cpath fill=\"currentColor\" d=\"m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":529},"\u003Cpath fill=\"currentColor\" d=\"M185.08 114.46A48 48 0 0 0 148 36H80a12 12 0 0 0-12 12v152a12 12 0 0 0 12 12h80a52 52 0 0 0 25.08-97.54M92 60h56a24 24 0 0 1 0 48H92Zm68 128H92v-56h68a28 28 0 0 1 0 56\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":531},"\u003Cpath fill=\"currentColor\" d=\"M212 56v32a12 12 0 0 1-24 0V68h-48v120h20a12 12 0 0 1 0 24H96a12 12 0 0 1 0-24h20V68H68v20a12 12 0 0 1-24 0V56a12 12 0 0 1 12-12h144a12 12 0 0 1 12 12\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":533},"\u003Cpath fill=\"currentColor\" d=\"M200 56a8 8 0 0 1-8 8h-34.23L115.1 192H144a8 8 0 0 1 0 16H64a8 8 0 0 1 0-16h34.23L140.9 64H112a8 8 0 0 1 0-16h80a8 8 0 0 1 8 8\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":535},"\u003Cpath fill=\"currentColor\" d=\"M60.59 175.24a8 8 0 0 0 10.65-3.83L87.9 136h80.2l16.66 35.41a8 8 0 1 0 14.48-6.82l-64-136a8 8 0 0 0-14.48 0l-64 136a8 8 0 0 0 3.83 10.65M128 50.79L160.57 120H95.43ZM224 216a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8\"\u002F>",1782200882429]