[{"data":1,"prerenderedAt":1211},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-ui-components-button-group":273,"-colorffy-ui-components-button-group-surround":1206},[4,21,115],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Colorffy CSS","i-lucide-palette","\u002Fcolorffy-css","2.colorffy-css",[27,32,37,42,78,99],{"title":28,"path":29,"stem":30,"icon":31},"Overview","\u002Fcolorffy-css\u002Foverview","2.colorffy-css\u002F1.overview","i-lucide-book-open",{"title":33,"path":34,"stem":35,"icon":36},"Color System","\u002Fcolorffy-css\u002Fcolor-system","2.colorffy-css\u002F2.color-system","i-lucide-droplet",{"title":38,"path":39,"stem":40,"icon":41},"Customization","\u002Fcolorffy-css\u002Fcustomization","2.colorffy-css\u002F3.customization","i-lucide-settings",{"title":43,"icon":44,"path":45,"stem":46,"children":47,"page":20},"Utilities","i-lucide-wrench","\u002Fcolorffy-css\u002Futilities","2.colorffy-css\u002F4.utilities",[48,53,58,63,68,73],{"title":49,"path":50,"stem":51,"icon":52},"Borders & Shadows","\u002Fcolorffy-css\u002Futilities\u002Fborders-shadows","2.colorffy-css\u002F4.utilities\u002F01.borders-shadows","i-lucide-frame",{"title":54,"path":55,"stem":56,"icon":57},"Colors & Gradients","\u002Fcolorffy-css\u002Futilities\u002Fcolors-gradients","2.colorffy-css\u002F4.utilities\u002F02.colors-gradients","i-lucide-paint-bucket",{"title":59,"path":60,"stem":61,"icon":62},"Display & Flexbox","\u002Fcolorffy-css\u002Futilities\u002Fdisplay-flexbox","2.colorffy-css\u002F4.utilities\u002F03.display-flexbox","i-lucide-stretch-horizontal",{"title":64,"path":65,"stem":66,"icon":67},"Effects","\u002Fcolorffy-css\u002Futilities\u002Feffects","2.colorffy-css\u002F4.utilities\u002F04.effects","i-lucide-wand-sparkles",{"title":69,"path":70,"stem":71,"icon":72},"Spacing","\u002Fcolorffy-css\u002Futilities\u002Fspacing","2.colorffy-css\u002F4.utilities\u002F05.spacing","i-lucide-ruler",{"title":74,"path":75,"stem":76,"icon":77},"Typography","\u002Fcolorffy-css\u002Futilities\u002Ftypography","2.colorffy-css\u002F4.utilities\u002F06.typography","i-lucide-type",{"title":79,"icon":80,"path":81,"stem":82,"children":83,"page":20},"Layout","i-lucide-layout-template","\u002Fcolorffy-css\u002Flayout","2.colorffy-css\u002F5.layout",[84,89,94],{"title":85,"path":86,"stem":87,"icon":88},"App Layout","\u002Fcolorffy-css\u002Flayout\u002Fapp-layout","2.colorffy-css\u002F5.layout\u002F01.app-layout","i-lucide-app-window",{"title":90,"path":91,"stem":92,"icon":93},"Flex Grid","\u002Fcolorffy-css\u002Flayout\u002Fflex-grid","2.colorffy-css\u002F5.layout\u002F02.flex-grid","i-lucide-columns-3",{"title":95,"path":96,"stem":97,"icon":98},"Grid","\u002Fcolorffy-css\u002Flayout\u002Fgrid","2.colorffy-css\u002F5.layout\u002F03.grid","i-lucide-grid-3x3",{"title":100,"icon":101,"path":102,"stem":103,"children":104,"page":20},"SCSS API","i-lucide-braces","\u002Fcolorffy-css\u002Fscss-api","2.colorffy-css\u002F6.scss-api",[105,110],{"title":106,"path":107,"stem":108,"icon":109},"Mixins","\u002Fcolorffy-css\u002Fscss-api\u002Fmixins","2.colorffy-css\u002F6.scss-api\u002F01.mixins","i-lucide-code",{"title":111,"path":112,"stem":113,"icon":114},"Tonal Tokens","\u002Fcolorffy-css\u002Fscss-api\u002Ftonal-tokens","2.colorffy-css\u002F6.scss-api\u002F02.tonal-tokens","i-lucide-swatch-book",{"title":116,"icon":117,"path":118,"stem":119,"children":120,"page":20},"Colorffy UI","i-lucide-blocks","\u002Fcolorffy-ui","3.colorffy-ui",[121,125,268],{"title":122,"path":123,"stem":124,"icon":31},"Usage","\u002Fcolorffy-ui\u002Fusage","3.colorffy-ui\u002F1.usage",{"title":126,"icon":127,"path":128,"stem":129,"children":130,"page":20},"Components","i-lucide-component","\u002Fcolorffy-ui\u002Fcomponents","3.colorffy-ui\u002F2.components",[131,135,140,145,150,155,160,165,170,175,180,185,190,195,200,204,209,214,218,223,228,233,238,243,248,253,258,263],{"title":28,"path":132,"stem":133,"icon":134},"\u002Fcolorffy-ui\u002Fcomponents\u002Foverview","3.colorffy-ui\u002F2.components\u002F00.overview","i-lucide-layout-grid",{"title":136,"path":137,"stem":138,"icon":139},"Accordion","\u002Fcolorffy-ui\u002Fcomponents\u002Faccordion","3.colorffy-ui\u002F2.components\u002F01.accordion","i-lucide-chevrons-down-up",{"title":141,"path":142,"stem":143,"icon":144},"Alert","\u002Fcolorffy-ui\u002Fcomponents\u002Falert","3.colorffy-ui\u002F2.components\u002F02.alert","i-lucide-triangle-alert",{"title":146,"path":147,"stem":148,"icon":149},"Avatar","\u002Fcolorffy-ui\u002Fcomponents\u002Favatar","3.colorffy-ui\u002F2.components\u002F03.avatar","i-lucide-circle-user",{"title":151,"path":152,"stem":153,"icon":154},"Badge","\u002Fcolorffy-ui\u002Fcomponents\u002Fbadge","3.colorffy-ui\u002F2.components\u002F04.badge","i-lucide-tag",{"title":156,"path":157,"stem":158,"icon":159},"Breadcrumb","\u002Fcolorffy-ui\u002Fcomponents\u002Fbreadcrumb","3.colorffy-ui\u002F2.components\u002F05.breadcrumb","i-lucide-chevron-right",{"title":161,"path":162,"stem":163,"icon":164},"Button","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton","3.colorffy-ui\u002F2.components\u002F06.button","i-lucide-square-mouse-pointer",{"title":166,"path":167,"stem":168,"icon":169},"Button Group","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-group","3.colorffy-ui\u002F2.components\u002F07.button-group","i-lucide-square-stack",{"title":171,"path":172,"stem":173,"icon":174},"Button Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-menu","3.colorffy-ui\u002F2.components\u002F08.button-menu","i-lucide-menu",{"title":176,"path":177,"stem":178,"icon":179},"Card","\u002Fcolorffy-ui\u002Fcomponents\u002Fcard","3.colorffy-ui\u002F2.components\u002F09.card","i-lucide-square",{"title":181,"path":182,"stem":183,"icon":184},"Datatable","\u002Fcolorffy-ui\u002Fcomponents\u002Fdatatable","3.colorffy-ui\u002F2.components\u002F10.datatable","i-lucide-table",{"title":186,"path":187,"stem":188,"icon":189},"Empty","\u002Fcolorffy-ui\u002Fcomponents\u002Fempty","3.colorffy-ui\u002F2.components\u002F11.empty","i-lucide-inbox",{"title":191,"path":192,"stem":193,"icon":194},"Icons","\u002Fcolorffy-ui\u002Fcomponents\u002Ficons","3.colorffy-ui\u002F2.components\u002F12.icons","i-lucide-shapes",{"title":196,"path":197,"stem":198,"icon":199},"Inputs","\u002Fcolorffy-ui\u002Fcomponents\u002Finputs","3.colorffy-ui\u002F2.components\u002F13.inputs","i-lucide-text-cursor-input",{"title":79,"path":201,"stem":202,"icon":203},"\u002Fcolorffy-ui\u002Fcomponents\u002Flayout","3.colorffy-ui\u002F2.components\u002F14.layout","i-lucide-layout",{"title":205,"path":206,"stem":207,"icon":208},"List","\u002Fcolorffy-ui\u002Fcomponents\u002Flist","3.colorffy-ui\u002F2.components\u002F15.list","i-lucide-list",{"title":210,"path":211,"stem":212,"icon":213},"Loading","\u002Fcolorffy-ui\u002Fcomponents\u002Floading","3.colorffy-ui\u002F2.components\u002F16.loading","i-lucide-loader-circle",{"title":215,"path":216,"stem":217,"icon":88},"Modal","\u002Fcolorffy-ui\u002Fcomponents\u002Fmodal","3.colorffy-ui\u002F2.components\u002F17.modal",{"title":219,"path":220,"stem":221,"icon":222},"Navbar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavbar","3.colorffy-ui\u002F2.components\u002F18.navbar","i-lucide-panel-top",{"title":224,"path":225,"stem":226,"icon":227},"Navigation Bar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavigation-bar","3.colorffy-ui\u002F2.components\u002F19.navigation-bar","i-lucide-navigation",{"title":229,"path":230,"stem":231,"icon":232},"Popover","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover","3.colorffy-ui\u002F2.components\u002F20.popover","i-lucide-message-square",{"title":234,"path":235,"stem":236,"icon":237},"Popover Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover-menu","3.colorffy-ui\u002F2.components\u002F21.popover-menu","i-lucide-ellipsis",{"title":239,"path":240,"stem":241,"icon":242},"Progress","\u002Fcolorffy-ui\u002Fcomponents\u002Fprogress","3.colorffy-ui\u002F2.components\u002F22.progress","i-lucide-loader",{"title":244,"path":245,"stem":246,"icon":247},"Segmented Controls","\u002Fcolorffy-ui\u002Fcomponents\u002Fsegmented-controls","3.colorffy-ui\u002F2.components\u002F23.segmented-controls","i-lucide-toggle-left",{"title":249,"path":250,"stem":251,"icon":252},"Sidebar","\u002Fcolorffy-ui\u002Fcomponents\u002Fsidebar","3.colorffy-ui\u002F2.components\u002F24.sidebar","i-lucide-panel-left",{"title":254,"path":255,"stem":256,"icon":257},"Skeleton","\u002Fcolorffy-ui\u002Fcomponents\u002Fskeleton","3.colorffy-ui\u002F2.components\u002F25.skeleton","i-lucide-square-dashed",{"title":259,"path":260,"stem":261,"icon":262},"Tabs","\u002Fcolorffy-ui\u002Fcomponents\u002Ftabs","3.colorffy-ui\u002F2.components\u002F26.tabs","i-lucide-panels-top-left",{"title":264,"path":265,"stem":266,"icon":267},"Tooltip","\u002Fcolorffy-ui\u002Fcomponents\u002Ftooltip","3.colorffy-ui\u002F2.components\u002F27.tooltip","i-lucide-message-circle",{"title":269,"path":270,"stem":271,"icon":272},"Styling","\u002Fcolorffy-ui\u002Fstyling","3.colorffy-ui\u002F3.styling","i-lucide-paintbrush",{"id":274,"title":166,"body":275,"description":1199,"extension":1200,"links":1201,"meta":1202,"navigation":1203,"path":167,"seo":1204,"stem":168,"__hash__":1205},"docs\u002F3.colorffy-ui\u002F2.components\u002F07.button-group.md",{"type":276,"value":277,"toc":1191},"minimark",[278,295,300,458,469,473,805,809,929,933,1034,1038,1106,1116,1120,1187],[279,280,281,282,286,287,290,291,294],"p",{},"Group buttons with ",[283,284,285],"code",{},"UiButtonGroup",", build segmented toggles with ",[283,288,289],{},"UiButtonToggleGroup",", or pin floating actions with ",[283,292,293],{},"UiButtonFabGroup",".",[296,297,299],"h2",{"id":298},"connect-buttons","Connect buttons",[301,302,307],"pre",{"className":303,"code":304,"language":305,"meta":306,"style":306},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CUiButtonGroup connected>\n    \u003CUiButton variant=\"outline\" text=\"Day\" \u002F>\n    \u003CUiButton variant=\"outline\" text=\"Week\" \u002F>\n    \u003CUiButton variant=\"outline\" text=\"Month\" \u002F>\n  \u003C\u002FUiButtonGroup>\n\u003C\u002Ftemplate>\n","vue","",[283,308,309,325,339,378,408,438,448],{"__ignoreMap":306},[310,311,314,318,322],"span",{"class":312,"line":313},"line",1,[310,315,317],{"class":316},"sMK4o","\u003C",[310,319,321],{"class":320},"swJcz","template",[310,323,324],{"class":316},">\n",[310,326,328,331,333,337],{"class":312,"line":327},2,[310,329,330],{"class":316},"  \u003C",[310,332,285],{"class":320},[310,334,336],{"class":335},"spNyl"," connected",[310,338,324],{"class":316},[310,340,342,345,348,351,354,357,361,363,366,368,370,373,375],{"class":312,"line":341},3,[310,343,344],{"class":316},"    \u003C",[310,346,347],{"class":320},"UiButton",[310,349,350],{"class":335}," variant",[310,352,353],{"class":316},"=",[310,355,356],{"class":316},"\"",[310,358,360],{"class":359},"sfazB","outline",[310,362,356],{"class":316},[310,364,365],{"class":335}," text",[310,367,353],{"class":316},[310,369,356],{"class":316},[310,371,372],{"class":359},"Day",[310,374,356],{"class":316},[310,376,377],{"class":316}," \u002F>\n",[310,379,381,383,385,387,389,391,393,395,397,399,401,404,406],{"class":312,"line":380},4,[310,382,344],{"class":316},[310,384,347],{"class":320},[310,386,350],{"class":335},[310,388,353],{"class":316},[310,390,356],{"class":316},[310,392,360],{"class":359},[310,394,356],{"class":316},[310,396,365],{"class":335},[310,398,353],{"class":316},[310,400,356],{"class":316},[310,402,403],{"class":359},"Week",[310,405,356],{"class":316},[310,407,377],{"class":316},[310,409,411,413,415,417,419,421,423,425,427,429,431,434,436],{"class":312,"line":410},5,[310,412,344],{"class":316},[310,414,347],{"class":320},[310,416,350],{"class":335},[310,418,353],{"class":316},[310,420,356],{"class":316},[310,422,360],{"class":359},[310,424,356],{"class":316},[310,426,365],{"class":335},[310,428,353],{"class":316},[310,430,356],{"class":316},[310,432,433],{"class":359},"Month",[310,435,356],{"class":316},[310,437,377],{"class":316},[310,439,441,444,446],{"class":312,"line":440},6,[310,442,443],{"class":316},"  \u003C\u002F",[310,445,285],{"class":320},[310,447,324],{"class":316},[310,449,451,454,456],{"class":312,"line":450},7,[310,452,453],{"class":316},"\u003C\u002F",[310,455,321],{"class":320},[310,457,324],{"class":316},[279,459,460,461,464,465,468],{},"Add ",[283,462,463],{},"joined"," for a seamless (gap-less) group, or ",[283,466,467],{},"vertical"," to stack.",[296,470,472],{"id":471},"build-a-toggle-group","Build a toggle group",[301,474,476],{"className":303,"code":475,"language":305,"meta":306,"style":306},"\u003Cscript setup lang=\"ts\">\nimport type { IButtonToggleOption } from '@colorffy\u002Fui'\nimport { ref } from 'vue'\n\nconst current = ref('list')\nconst options: IButtonToggleOption[] = [\n  { id: 'list', title: 'List', icon: '', active: true },\n  { id: 'grid', title: 'Grid', icon: '' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CUiButtonToggleGroup\n    :options=\"options\"\n    aria-label=\"View mode\"\n    @on-option-click=\"(event, item) => current = item.id\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[283,477,478,502,533,552,558,585,606,664,707,713,722,727,736,744,760,775,790,796],{"__ignoreMap":306},[310,479,480,482,485,488,491,493,495,498,500],{"class":312,"line":313},[310,481,317],{"class":316},[310,483,484],{"class":320},"script",[310,486,487],{"class":335}," setup",[310,489,490],{"class":335}," lang",[310,492,353],{"class":316},[310,494,356],{"class":316},[310,496,497],{"class":359},"ts",[310,499,356],{"class":316},[310,501,324],{"class":316},[310,503,504,508,511,514,518,521,524,527,530],{"class":312,"line":327},[310,505,507],{"class":506},"s7zQu","import",[310,509,510],{"class":506}," type",[310,512,513],{"class":316}," {",[310,515,517],{"class":516},"sTEyZ"," IButtonToggleOption",[310,519,520],{"class":316}," }",[310,522,523],{"class":506}," from",[310,525,526],{"class":316}," '",[310,528,529],{"class":359},"@colorffy\u002Fui",[310,531,532],{"class":316},"'\n",[310,534,535,537,539,542,544,546,548,550],{"class":312,"line":341},[310,536,507],{"class":506},[310,538,513],{"class":316},[310,540,541],{"class":516}," ref",[310,543,520],{"class":316},[310,545,523],{"class":506},[310,547,526],{"class":316},[310,549,305],{"class":359},[310,551,532],{"class":316},[310,553,554],{"class":312,"line":380},[310,555,557],{"emptyLinePlaceholder":556},true,"\n",[310,559,560,563,566,568,571,574,577,580,582],{"class":312,"line":410},[310,561,562],{"class":335},"const",[310,564,565],{"class":516}," current ",[310,567,353],{"class":316},[310,569,541],{"class":570},"s2Zo4",[310,572,573],{"class":516},"(",[310,575,576],{"class":316},"'",[310,578,579],{"class":359},"list",[310,581,576],{"class":316},[310,583,584],{"class":516},")\n",[310,586,587,589,592,595,598,601,603],{"class":312,"line":440},[310,588,562],{"class":335},[310,590,591],{"class":516}," options",[310,593,594],{"class":316},":",[310,596,517],{"class":597},"sBMFI",[310,599,600],{"class":516},"[] ",[310,602,353],{"class":316},[310,604,605],{"class":516}," [\n",[310,607,608,611,614,616,618,620,622,625,628,630,632,634,636,638,641,643,645,648,650,652,655,657,661],{"class":312,"line":450},[310,609,610],{"class":316},"  {",[310,612,613],{"class":320}," id",[310,615,594],{"class":316},[310,617,526],{"class":316},[310,619,579],{"class":359},[310,621,576],{"class":316},[310,623,624],{"class":316},",",[310,626,627],{"class":320}," title",[310,629,594],{"class":316},[310,631,526],{"class":316},[310,633,205],{"class":359},[310,635,576],{"class":316},[310,637,624],{"class":316},[310,639,640],{"class":320}," icon",[310,642,594],{"class":316},[310,644,526],{"class":316},[310,646,647],{"class":359},"",[310,649,576],{"class":316},[310,651,624],{"class":316},[310,653,654],{"class":320}," active",[310,656,594],{"class":316},[310,658,660],{"class":659},"sfNiH"," true",[310,662,663],{"class":316}," },\n",[310,665,667,669,671,673,675,678,680,682,684,686,688,690,692,694,696,698,700,703,705],{"class":312,"line":666},8,[310,668,610],{"class":316},[310,670,613],{"class":320},[310,672,594],{"class":316},[310,674,526],{"class":316},[310,676,677],{"class":359},"grid",[310,679,576],{"class":316},[310,681,624],{"class":316},[310,683,627],{"class":320},[310,685,594],{"class":316},[310,687,526],{"class":316},[310,689,95],{"class":359},[310,691,576],{"class":316},[310,693,624],{"class":316},[310,695,640],{"class":320},[310,697,594],{"class":316},[310,699,526],{"class":316},[310,701,702],{"class":359},"",[310,704,576],{"class":316},[310,706,663],{"class":316},[310,708,710],{"class":312,"line":709},9,[310,711,712],{"class":516},"]\n",[310,714,716,718,720],{"class":312,"line":715},10,[310,717,453],{"class":316},[310,719,484],{"class":320},[310,721,324],{"class":316},[310,723,725],{"class":312,"line":724},11,[310,726,557],{"emptyLinePlaceholder":556},[310,728,730,732,734],{"class":312,"line":729},12,[310,731,317],{"class":316},[310,733,321],{"class":320},[310,735,324],{"class":316},[310,737,739,741],{"class":312,"line":738},13,[310,740,330],{"class":316},[310,742,743],{"class":320},"UiButtonToggleGroup\n",[310,745,747,750,752,754,757],{"class":312,"line":746},14,[310,748,749],{"class":335},"    :options",[310,751,353],{"class":316},[310,753,356],{"class":316},[310,755,756],{"class":359},"options",[310,758,759],{"class":316},"\"\n",[310,761,763,766,768,770,773],{"class":312,"line":762},15,[310,764,765],{"class":335},"    aria-label",[310,767,353],{"class":316},[310,769,356],{"class":316},[310,771,772],{"class":359},"View mode",[310,774,759],{"class":316},[310,776,778,781,783,785,788],{"class":312,"line":777},16,[310,779,780],{"class":335},"    @on-option-click",[310,782,353],{"class":316},[310,784,356],{"class":316},[310,786,787],{"class":359},"(event, item) => current = item.id",[310,789,759],{"class":316},[310,791,793],{"class":312,"line":792},17,[310,794,795],{"class":316},"  \u002F>\n",[310,797,799,801,803],{"class":312,"line":798},18,[310,800,453],{"class":316},[310,802,321],{"class":320},[310,804,324],{"class":316},[296,806,808],{"id":807},"pin-floating-actions","Pin floating actions",[301,810,812],{"className":303,"code":811,"language":305,"meta":306,"style":306},"\u003Ctemplate>\n  \u003CUiButtonFabGroup>\n    \u003CUiButton variant=\"filled\" color=\"primary\" icon>\n      \u003Ctemplate #icon>\u003CUiIconMaterial icon-code=\"\" \u002F>\u003C\u002Ftemplate>\n    \u003C\u002FUiButton>\n  \u003C\u002FUiButtonFabGroup>\n\u003C\u002Ftemplate>\n",[283,813,814,822,830,863,904,913,921],{"__ignoreMap":306},[310,815,816,818,820],{"class":312,"line":313},[310,817,317],{"class":316},[310,819,321],{"class":320},[310,821,324],{"class":316},[310,823,824,826,828],{"class":312,"line":327},[310,825,330],{"class":316},[310,827,293],{"class":320},[310,829,324],{"class":316},[310,831,832,834,836,838,840,842,845,847,850,852,854,857,859,861],{"class":312,"line":341},[310,833,344],{"class":316},[310,835,347],{"class":320},[310,837,350],{"class":335},[310,839,353],{"class":316},[310,841,356],{"class":316},[310,843,844],{"class":359},"filled",[310,846,356],{"class":316},[310,848,849],{"class":335}," color",[310,851,353],{"class":316},[310,853,356],{"class":316},[310,855,856],{"class":359},"primary",[310,858,356],{"class":316},[310,860,640],{"class":335},[310,862,324],{"class":316},[310,864,865,868,870,873,876,879,882,885,887,889,892,895,897,900,902],{"class":312,"line":380},[310,866,867],{"class":316},"      \u003C",[310,869,321],{"class":320},[310,871,872],{"class":316}," #",[310,874,875],{"class":335},"icon",[310,877,878],{"class":316},">\u003C",[310,880,881],{"class":320},"UiIconMaterial",[310,883,884],{"class":335}," icon-code",[310,886,353],{"class":316},[310,888,356],{"class":316},[310,890,891],{"class":516},"&",[310,893,894],{"class":359},"#xe145;",[310,896,356],{"class":316},[310,898,899],{"class":316}," \u002F>\u003C\u002F",[310,901,321],{"class":320},[310,903,324],{"class":316},[310,905,906,909,911],{"class":312,"line":410},[310,907,908],{"class":316},"    \u003C\u002F",[310,910,347],{"class":320},[310,912,324],{"class":316},[310,914,915,917,919],{"class":312,"line":440},[310,916,443],{"class":316},[310,918,293],{"class":320},[310,920,324],{"class":316},[310,922,923,925,927],{"class":312,"line":450},[310,924,453],{"class":316},[310,926,321],{"class":320},[310,928,324],{"class":316},[296,930,932],{"id":931},"uibuttongroup-props","UiButtonGroup props",[934,935,936,955],"table",{},[937,938,939],"thead",{},[940,941,942,946,949,952],"tr",{},[943,944,945],"th",{},"Prop",[943,947,948],{},"Type",[943,950,951],{},"Default",[943,953,954],{},"Description",[956,957,958,979,999,1016],"tbody",{},[940,959,960,966,971,976],{},[961,962,963],"td",{},[283,964,965],{},"connected",[961,967,968],{},[283,969,970],{},"boolean",[961,972,973],{},[283,974,975],{},"false",[961,977,978],{},"Reduced gap; only the first\u002Flast corners are rounded.",[940,980,981,985,989,993],{},[961,982,983],{},[283,984,463],{},[961,986,987],{},[283,988,970],{},[961,990,991],{},[283,992,975],{},[961,994,995,996,998],{},"Seamless, gap-less group (requires ",[283,997,965],{},").",[940,1000,1001,1005,1009,1013],{},[961,1002,1003],{},[283,1004,467],{},[961,1006,1007],{},[283,1008,970],{},[961,1010,1011],{},[283,1012,975],{},[961,1014,1015],{},"Stack buttons vertically.",[940,1017,1018,1023,1028,1031],{},[961,1019,1020],{},[283,1021,1022],{},"customClass",[961,1024,1025],{},[283,1026,1027],{},"string | null",[961,1029,1030],{},"—",[961,1032,1033],{},"Extra classes.",[296,1035,1037],{"id":1036},"uibuttontogglegroup-props","UiButtonToggleGroup props",[934,1039,1040,1052],{},[937,1041,1042],{},[940,1043,1044,1046,1048,1050],{},[943,1045,945],{},[943,1047,948],{},[943,1049,951],{},[943,1051,954],{},[956,1053,1054,1073,1090],{},[940,1055,1056,1060,1065,1067],{},[961,1057,1058],{},[283,1059,756],{},[961,1061,1062],{},[283,1063,1064],{},"IButtonToggleOption[]",[961,1066,1030],{},[961,1068,1069,1070,294],{},"Options: ",[283,1071,1072],{},"{ id, title, icon?, text?, badge?, active?, disabled? }",[940,1074,1075,1080,1085,1087],{},[961,1076,1077],{},[283,1078,1079],{},"ariaLabel",[961,1081,1082],{},[283,1083,1084],{},"string",[961,1086,1030],{},[961,1088,1089],{},"Accessible group label.",[940,1091,1092,1097,1101,1103],{},[961,1093,1094],{},[283,1095,1096],{},"groupLabel",[961,1098,1099],{},[283,1100,1084],{},[961,1102,1030],{},[961,1104,1105],{},"Visible group label.",[279,1107,1108,1112,1113,294],{},[1109,1110,1111],"strong",{},"Emits:"," ",[283,1114,1115],{},"onOptionClick(event, item)",[296,1117,1119],{"id":1118},"uibuttonfabgroup-props","UiButtonFabGroup props",[934,1121,1122,1134],{},[937,1123,1124],{},[940,1125,1126,1128,1130,1132],{},[943,1127,945],{},[943,1129,948],{},[943,1131,951],{},[943,1133,954],{},[956,1135,1136,1154,1172],{},[940,1137,1138,1143,1147,1151],{},[961,1139,1140],{},[283,1141,1142],{},"top",[961,1144,1145],{},[283,1146,970],{},[961,1148,1149],{},[283,1150,975],{},[961,1152,1153],{},"Anchor to the top instead of the bottom.",[940,1155,1156,1161,1165,1169],{},[961,1157,1158],{},[283,1159,1160],{},"start",[961,1162,1163],{},[283,1164,970],{},[961,1166,1167],{},[283,1168,975],{},[961,1170,1171],{},"Anchor to the start (left) instead of the end.",[940,1173,1174,1178,1183,1185],{},[961,1175,1176],{},[283,1177,1022],{},[961,1179,1180],{},[283,1181,1182],{},"string | string[] | Record\u003Cstring, boolean> | null",[961,1184,1030],{},[961,1186,1033],{},[1188,1189,1190],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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);}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 pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":306,"searchDepth":327,"depth":327,"links":1192},[1193,1194,1195,1196,1197,1198],{"id":298,"depth":327,"text":299},{"id":471,"depth":327,"text":472},{"id":807,"depth":327,"text":808},{"id":931,"depth":327,"text":932},{"id":1036,"depth":327,"text":1037},{"id":1118,"depth":327,"text":1119},"Connect, toggle, and float groups of buttons.","md",null,{},{"icon":169},{"title":166,"description":1199},"C_xB3HGzqUMl7AvkUUtJYPwnsW7JxsdlLOT4-_klXlY",[1207,1209],{"title":161,"path":162,"stem":163,"description":1208,"icon":164,"children":-1},"Trigger actions with UiButton — variants, colors, sizes, and groups.",{"title":171,"path":172,"stem":173,"description":1210,"icon":174,"children":-1},"Dropdown menus with items, submenus, dividers, and labels.",1782196219260]