[{"data":1,"prerenderedAt":1105},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-ui-components-navbar":273,"-colorffy-ui-components-navbar-surround":1100},[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":219,"body":275,"description":1093,"extension":1094,"links":1095,"meta":1096,"navigation":1097,"path":220,"seo":1098,"stem":221,"__hash__":1099},"docs\u002F3.colorffy-ui\u002F2.components\u002F18.navbar.md",{"type":276,"value":277,"toc":1087},"minimark",[278,286,291,735,739,756,820,824,908,912,1083],[279,280,281,285],"p",{},[282,283,284],"code",{},"UiNavbar"," is a composable top navigation bar. Assemble it from brand, nav, link, avatar, and toggle sub-components.",[287,288,290],"h2",{"id":289},"build-a-navbar","Build a navbar",[292,293,298],"pre",{"className":294,"code":295,"language":296,"meta":297,"style":297},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { NuxtLink } from '#components'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CUiNavbar sticky aria-label=\"Main navigation\">\n    \u003CUiNavbarBrand :as=\"NuxtLink\" to=\"\u002F\" text=\"Acme\" logo=\"\u002Flogo.svg\" \u002F>\n\n    \u003CUiNavbarNav position=\"start\">\n      \u003CUiNavbarItem>\n        \u003CUiNavbarLink :as=\"NuxtLink\" to=\"\u002Fdocs\" text=\"Docs\" \u002F>\n      \u003C\u002FUiNavbarItem>\n      \u003CUiNavbarItem>\n        \u003CUiNavbarLink :as=\"NuxtLink\" to=\"\u002Fpricing\" text=\"Pricing\" \u002F>\n      \u003C\u002FUiNavbarItem>\n    \u003C\u002FUiNavbarNav>\n\n    \u003CUiNavbarNav position=\"end\">\n      \u003CUiNavbarAvatar src=\"\u002Fme.jpg\" alt=\"Account\" @click=\"openMenu\" \u002F>\n    \u003C\u002FUiNavbarNav>\n  \u003C\u002FUiNavbar>\n\u003C\u002Ftemplate>\n","vue","",[282,299,300,335,364,374,381,391,416,476,481,503,514,557,567,576,617,626,636,641,661,707,716,726],{"__ignoreMap":297},[301,302,305,309,313,317,320,323,326,330,332],"span",{"class":303,"line":304},"line",1,[301,306,308],{"class":307},"sMK4o","\u003C",[301,310,312],{"class":311},"swJcz","script",[301,314,316],{"class":315},"spNyl"," setup",[301,318,319],{"class":315}," lang",[301,321,322],{"class":307},"=",[301,324,325],{"class":307},"\"",[301,327,329],{"class":328},"sfazB","ts",[301,331,325],{"class":307},[301,333,334],{"class":307},">\n",[301,336,338,342,345,349,352,355,358,361],{"class":303,"line":337},2,[301,339,341],{"class":340},"s7zQu","import",[301,343,344],{"class":307}," {",[301,346,348],{"class":347},"sTEyZ"," NuxtLink",[301,350,351],{"class":307}," }",[301,353,354],{"class":340}," from",[301,356,357],{"class":307}," '",[301,359,360],{"class":328},"#components",[301,362,363],{"class":307},"'\n",[301,365,367,370,372],{"class":303,"line":366},3,[301,368,369],{"class":307},"\u003C\u002F",[301,371,312],{"class":311},[301,373,334],{"class":307},[301,375,377],{"class":303,"line":376},4,[301,378,380],{"emptyLinePlaceholder":379},true,"\n",[301,382,384,386,389],{"class":303,"line":383},5,[301,385,308],{"class":307},[301,387,388],{"class":311},"template",[301,390,334],{"class":307},[301,392,394,397,399,402,405,407,409,412,414],{"class":303,"line":393},6,[301,395,396],{"class":307},"  \u003C",[301,398,284],{"class":311},[301,400,401],{"class":315}," sticky",[301,403,404],{"class":315}," aria-label",[301,406,322],{"class":307},[301,408,325],{"class":307},[301,410,411],{"class":328},"Main navigation",[301,413,325],{"class":307},[301,415,334],{"class":307},[301,417,419,422,425,428,430,432,435,437,440,442,444,447,449,452,454,456,459,461,464,466,468,471,473],{"class":303,"line":418},7,[301,420,421],{"class":307},"    \u003C",[301,423,424],{"class":311},"UiNavbarBrand",[301,426,427],{"class":315}," :as",[301,429,322],{"class":307},[301,431,325],{"class":307},[301,433,434],{"class":328},"NuxtLink",[301,436,325],{"class":307},[301,438,439],{"class":315}," to",[301,441,322],{"class":307},[301,443,325],{"class":307},[301,445,446],{"class":328},"\u002F",[301,448,325],{"class":307},[301,450,451],{"class":315}," text",[301,453,322],{"class":307},[301,455,325],{"class":307},[301,457,458],{"class":328},"Acme",[301,460,325],{"class":307},[301,462,463],{"class":315}," logo",[301,465,322],{"class":307},[301,467,325],{"class":307},[301,469,470],{"class":328},"\u002Flogo.svg",[301,472,325],{"class":307},[301,474,475],{"class":307}," \u002F>\n",[301,477,479],{"class":303,"line":478},8,[301,480,380],{"emptyLinePlaceholder":379},[301,482,484,486,489,492,494,496,499,501],{"class":303,"line":483},9,[301,485,421],{"class":307},[301,487,488],{"class":311},"UiNavbarNav",[301,490,491],{"class":315}," position",[301,493,322],{"class":307},[301,495,325],{"class":307},[301,497,498],{"class":328},"start",[301,500,325],{"class":307},[301,502,334],{"class":307},[301,504,506,509,512],{"class":303,"line":505},10,[301,507,508],{"class":307},"      \u003C",[301,510,511],{"class":311},"UiNavbarItem",[301,513,334],{"class":307},[301,515,517,520,523,525,527,529,531,533,535,537,539,542,544,546,548,550,553,555],{"class":303,"line":516},11,[301,518,519],{"class":307},"        \u003C",[301,521,522],{"class":311},"UiNavbarLink",[301,524,427],{"class":315},[301,526,322],{"class":307},[301,528,325],{"class":307},[301,530,434],{"class":328},[301,532,325],{"class":307},[301,534,439],{"class":315},[301,536,322],{"class":307},[301,538,325],{"class":307},[301,540,541],{"class":328},"\u002Fdocs",[301,543,325],{"class":307},[301,545,451],{"class":315},[301,547,322],{"class":307},[301,549,325],{"class":307},[301,551,552],{"class":328},"Docs",[301,554,325],{"class":307},[301,556,475],{"class":307},[301,558,560,563,565],{"class":303,"line":559},12,[301,561,562],{"class":307},"      \u003C\u002F",[301,564,511],{"class":311},[301,566,334],{"class":307},[301,568,570,572,574],{"class":303,"line":569},13,[301,571,508],{"class":307},[301,573,511],{"class":311},[301,575,334],{"class":307},[301,577,579,581,583,585,587,589,591,593,595,597,599,602,604,606,608,610,613,615],{"class":303,"line":578},14,[301,580,519],{"class":307},[301,582,522],{"class":311},[301,584,427],{"class":315},[301,586,322],{"class":307},[301,588,325],{"class":307},[301,590,434],{"class":328},[301,592,325],{"class":307},[301,594,439],{"class":315},[301,596,322],{"class":307},[301,598,325],{"class":307},[301,600,601],{"class":328},"\u002Fpricing",[301,603,325],{"class":307},[301,605,451],{"class":315},[301,607,322],{"class":307},[301,609,325],{"class":307},[301,611,612],{"class":328},"Pricing",[301,614,325],{"class":307},[301,616,475],{"class":307},[301,618,620,622,624],{"class":303,"line":619},15,[301,621,562],{"class":307},[301,623,511],{"class":311},[301,625,334],{"class":307},[301,627,629,632,634],{"class":303,"line":628},16,[301,630,631],{"class":307},"    \u003C\u002F",[301,633,488],{"class":311},[301,635,334],{"class":307},[301,637,639],{"class":303,"line":638},17,[301,640,380],{"emptyLinePlaceholder":379},[301,642,644,646,648,650,652,654,657,659],{"class":303,"line":643},18,[301,645,421],{"class":307},[301,647,488],{"class":311},[301,649,491],{"class":315},[301,651,322],{"class":307},[301,653,325],{"class":307},[301,655,656],{"class":328},"end",[301,658,325],{"class":307},[301,660,334],{"class":307},[301,662,664,666,669,672,674,676,679,681,684,686,688,691,693,696,698,700,703,705],{"class":303,"line":663},19,[301,665,508],{"class":307},[301,667,668],{"class":311},"UiNavbarAvatar",[301,670,671],{"class":315}," src",[301,673,322],{"class":307},[301,675,325],{"class":307},[301,677,678],{"class":328},"\u002Fme.jpg",[301,680,325],{"class":307},[301,682,683],{"class":315}," alt",[301,685,322],{"class":307},[301,687,325],{"class":307},[301,689,690],{"class":328},"Account",[301,692,325],{"class":307},[301,694,695],{"class":315}," @click",[301,697,322],{"class":307},[301,699,325],{"class":307},[301,701,702],{"class":328},"openMenu",[301,704,325],{"class":307},[301,706,475],{"class":307},[301,708,710,712,714],{"class":303,"line":709},20,[301,711,631],{"class":307},[301,713,488],{"class":311},[301,715,334],{"class":307},[301,717,719,722,724],{"class":303,"line":718},21,[301,720,721],{"class":307},"  \u003C\u002F",[301,723,284],{"class":311},[301,725,334],{"class":307},[301,727,729,731,733],{"class":303,"line":728},22,[301,730,369],{"class":307},[301,732,388],{"class":311},[301,734,334],{"class":307},[287,736,738],{"id":737},"toggle-a-sidebar","Toggle a sidebar",[279,740,741,744,745,751,752,755],{},[282,742,743],{},"UiNavbarToggle"," pairs with ",[746,747,748],"a",{"href":250},[282,749,750],{},"UiSidebar","'s ",[282,753,754],{},"open"," state:",[292,757,759],{"className":294,"code":758,"language":296,"meta":297,"style":297},"\u003Ctemplate>\n  \u003CUiNavbarToggle :collapsed=\"open\" controls=\"main-sidebar\" @toggle=\"open = !open\" \u002F>\n\u003C\u002Ftemplate>\n",[282,760,761,769,812],{"__ignoreMap":297},[301,762,763,765,767],{"class":303,"line":304},[301,764,308],{"class":307},[301,766,388],{"class":311},[301,768,334],{"class":307},[301,770,771,773,775,778,780,782,784,786,789,791,793,796,798,801,803,805,808,810],{"class":303,"line":337},[301,772,396],{"class":307},[301,774,743],{"class":311},[301,776,777],{"class":315}," :collapsed",[301,779,322],{"class":307},[301,781,325],{"class":307},[301,783,754],{"class":328},[301,785,325],{"class":307},[301,787,788],{"class":315}," controls",[301,790,322],{"class":307},[301,792,325],{"class":307},[301,794,795],{"class":328},"main-sidebar",[301,797,325],{"class":307},[301,799,800],{"class":315}," @toggle",[301,802,322],{"class":307},[301,804,325],{"class":307},[301,806,807],{"class":328},"open = !open",[301,809,325],{"class":307},[301,811,475],{"class":307},[301,813,814,816,818],{"class":303,"line":366},[301,815,369],{"class":307},[301,817,388],{"class":311},[301,819,334],{"class":307},[287,821,823],{"id":822},"uinavbar-props","UiNavbar props",[825,826,827,846],"table",{},[828,829,830],"thead",{},[831,832,833,837,840,843],"tr",{},[834,835,836],"th",{},"Prop",[834,838,839],{},"Type",[834,841,842],{},"Default",[834,844,845],{},"Description",[847,848,849,870,888],"tbody",{},[831,850,851,857,862,867],{},[852,853,854],"td",{},[282,855,856],{},"sticky",[852,858,859],{},[282,860,861],{},"boolean",[852,863,864],{},[282,865,866],{},"false",[852,868,869],{},"Sticky positioning.",[831,871,872,877,881,885],{},[852,873,874],{},[282,875,876],{},"fluid",[852,878,879],{},[282,880,861],{},[852,882,883],{},[282,884,866],{},[852,886,887],{},"Fluid (full-width) container.",[831,889,890,895,900,905],{},[852,891,892],{},[282,893,894],{},"ariaLabel",[852,896,897],{},[282,898,899],{},"string",[852,901,902],{},[282,903,904],{},"'Main navigation'",[852,906,907],{},"Landmark name.",[287,909,911],{"id":910},"sub-components","Sub-components",[825,913,914,924],{},[828,915,916],{},[831,917,918,921],{},[834,919,920],{},"Component",[834,922,923],{},"Key props",[847,925,926,954,973,984,1006,1018,1045,1069],{},[831,927,928,932],{},[852,929,930],{},[282,931,424],{},[852,933,934,937,938,937,941,937,944,937,947,950,951],{},[282,935,936],{},"logo",", ",[282,939,940],{},"initials",[282,942,943],{},"text",[282,945,946],{},"as",[282,948,949],{},"to"," \u002F ",[282,952,953],{},"href",[831,955,956,960],{},[852,957,958],{},[282,959,488],{},[852,961,962,965,966,950,969,972],{},[282,963,964],{},"position"," (",[282,967,968],{},"'start'",[282,970,971],{},"'end'",")",[831,974,975,979],{},[852,976,977],{},[282,978,511],{},[852,980,981],{},[282,982,983],{},"customClass",[831,985,986,990],{},[852,987,988],{},[282,989,522],{},[852,991,992,937,994,937,997,950,999,937,1001,937,1003],{},[282,993,943],{},[282,995,996],{},"icon",[282,998,949],{},[282,1000,953],{},[282,1002,946],{},[282,1004,1005],{},"active",[831,1007,1008,1013],{},[852,1009,1010],{},[282,1011,1012],{},"UiNavbarTitle",[852,1014,1015],{},[282,1016,1017],{},"title",[831,1019,1020,1024],{},[852,1021,1022],{},[282,1023,668],{},[852,1025,1026,937,1029,937,1032,965,1035,950,1038,1041,1042],{},[282,1027,1028],{},"src",[282,1030,1031],{},"alt",[282,1033,1034],{},"size",[282,1036,1037],{},"'sm'",[282,1039,1040],{},"'navbar'","); emits ",[282,1043,1044],{},"click",[831,1046,1047,1051],{},[852,1048,1049],{},[282,1050,743],{},[852,1052,1053,937,1056,937,1059,937,1062,1065,1066],{},[282,1054,1055],{},"collapsed",[282,1057,1058],{},"controls",[282,1060,1061],{},"collapseText",[282,1063,1064],{},"expandText","; emits ",[282,1067,1068],{},"toggle",[831,1070,1071,1079],{},[852,1072,1073,937,1076],{},[282,1074,1075],{},"UiNavbarCollapse",[282,1077,1078],{},"UiNavbarMobileMenu",[852,1080,1081],{},[282,1082,983],{},[1084,1085,1086],"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 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 .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);}",{"title":297,"searchDepth":337,"depth":337,"links":1088},[1089,1090,1091,1092],{"id":289,"depth":337,"text":290},{"id":737,"depth":337,"text":738},{"id":822,"depth":337,"text":823},{"id":910,"depth":337,"text":911},"Build a top navigation bar with brand, links, avatar, and a sidebar toggle.","md",null,{},{"icon":222},{"title":219,"description":1093},"sJNt44wQteGHyOtMQ4aNSlMdypAssbtJhNkHrlapDFg",[1101,1103],{"title":215,"path":216,"stem":217,"description":1102,"icon":88,"children":-1},"Show dialogs and confirmations with UiModal and UiConfirmModal.",{"title":224,"path":225,"stem":226,"description":1104,"icon":227,"children":-1},"A data-driven bottom \u002F island navigation bar.",1782196219260]