[{"data":1,"prerenderedAt":5302},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu":682},[4,11,128,525,584,626],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,70,107],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61,66],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":377},{"en":684,"id":3167},{"id":685,"title":376,"aside":686,"body":687,"collapse":10,"description":3162,"editLink":686,"extension":3163,"icon":9,"issueLink":686,"meta":3164,"navBadges":9,"navigation":9,"order":379,"path":377,"prevNext":686,"seo":3165,"stem":378,"toc":686,"__hash__":3166},"docs\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu.md",true,{"type":688,"value":689,"toc":3140},"minimark",[690,695,707,711,807,811,818,821,862,866,873,876,950,959,966,969,1002,1006,1016,1019,1074,1096,1110,1114,1135,1138,1174,1177,1183,1186,1219,1222,1225,1229,1238,1241,1278,1282,1300,1398,1409,1422,1426,1439,1442,1562,1580,1622,1636,1656,1660,1670,1673,1706,1710,1715,1718,1746,1750,1764,1767,1802,1806,1826,1829,2051,2061,2065,2093,2096,2129,2133,2154,2172,2175,2335,2360,2444,2453,2572,2575,2582,2589,2595,2599,2603,2813,2818,3016,3020,3127,3136],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697,698,702,703,706],"p",{},[699,700,701],"code",{},"items"," is a flat array - ",[699,704,705],{},"label"," is required, everything else is optional:",[708,709],"component-example",{"name":710},"navigation-menu-basic",[712,713,718],"pre",{"className":714,"code":715,"language":716,"meta":717,"style":717},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSNavigationMenu :items=\"[\n  { label: 'Home', to: '\u002F' },\n  { label: 'Docs', to: '\u002Fdocs' },\n  { label: 'Pricing', to: '\u002Fpricing' },\n]\" \u002F>\n","vue-html","",[699,719,720,748,766,781,796],{"__ignoreMap":717},[721,722,724,728,732,735,738,741,745],"span",{"class":723,"line":8},"line",[721,725,727],{"class":726},"sVt8B","\u003C",[721,729,731],{"class":730},"s9eBZ","SNavigationMenu",[721,733,734],{"class":726}," :",[721,736,701],{"class":737},"sScJk",[721,739,740],{"class":726},"=",[721,742,744],{"class":743},"sZZnC","\"",[721,746,747],{"class":726},"[\n",[721,749,751,754,757,760,763],{"class":723,"line":750},2,[721,752,753],{"class":726},"  { label: ",[721,755,756],{"class":743},"'Home'",[721,758,759],{"class":726},", to: ",[721,761,762],{"class":743},"'\u002F'",[721,764,765],{"class":726}," },\n",[721,767,769,771,774,776,779],{"class":723,"line":768},3,[721,770,753],{"class":726},[721,772,773],{"class":743},"'Docs'",[721,775,759],{"class":726},[721,777,778],{"class":743},"'\u002Fdocs'",[721,780,765],{"class":726},[721,782,784,786,789,791,794],{"class":723,"line":783},4,[721,785,753],{"class":726},[721,787,788],{"class":743},"'Pricing'",[721,790,759],{"class":726},[721,792,793],{"class":743},"'\u002Fpricing'",[721,795,765],{"class":726},[721,797,799,802,804],{"class":723,"line":798},5,[721,800,801],{"class":726},"]",[721,803,744],{"class":743},[721,805,806],{"class":726}," \u002F>\n",[808,809,42],"h3",{"id":810},"icons",[696,812,813,814,817],{},"Give an item an ",[699,815,816],{},"icon"," and it renders before its label:",[708,819],{"name":820},"navigation-menu-icons",[712,822,824],{"className":714,"code":823,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"[{ label: 'Home', icon: 'hugeicons:home-01', to: '\u002F' }]\" \u002F>\n",[699,825,826],{"__ignoreMap":717},[721,827,828,830,832,834,836,838,840,843,845,848,851,853,855,858,860],{"class":723,"line":8},[721,829,727],{"class":726},[721,831,731],{"class":730},[721,833,734],{"class":726},[721,835,701],{"class":737},[721,837,740],{"class":726},[721,839,744],{"class":743},[721,841,842],{"class":726},"[{ label: ",[721,844,756],{"class":743},[721,846,847],{"class":726},", icon: ",[721,849,850],{"class":743},"'hugeicons:home-01'",[721,852,759],{"class":726},[721,854,762],{"class":743},[721,856,857],{"class":726}," }]",[721,859,744],{"class":743},[721,861,806],{"class":726},[808,863,865],{"id":864},"with-children","With children",[696,867,868,869,872],{},"An item with ",[699,870,871],{},"children"," renders as a trigger instead of a link - clicking\n(or hovering) it opens a dropdown. Open dropdowns render in one shared\nviewport within the NavigationMenu. By default, the panel is a compact,\nsingle-column list beneath its active trigger. The viewport resizes as\nyou move between top-level items:",[708,874],{"name":875},"navigation-menu-children",[712,877,879],{"className":714,"code":878,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"[\n  { label: 'Products', children: [\n    { label: 'Analytics', to: '\u002Fcomponents\u002Fdata\u002Ftable' },\n    { label: 'Automation', to: '\u002Fcomponents\u002Fforms\u002Fvalidation' },\n  ] },\n]\" \u002F>\n",[699,880,881,897,907,922,936,941],{"__ignoreMap":717},[721,882,883,885,887,889,891,893,895],{"class":723,"line":8},[721,884,727],{"class":726},[721,886,731],{"class":730},[721,888,734],{"class":726},[721,890,701],{"class":737},[721,892,740],{"class":726},[721,894,744],{"class":743},[721,896,747],{"class":726},[721,898,899,901,904],{"class":723,"line":750},[721,900,753],{"class":726},[721,902,903],{"class":743},"'Products'",[721,905,906],{"class":726},", children: [\n",[721,908,909,912,915,917,920],{"class":723,"line":768},[721,910,911],{"class":726},"    { label: ",[721,913,914],{"class":743},"'Analytics'",[721,916,759],{"class":726},[721,918,919],{"class":743},"'\u002Fcomponents\u002Fdata\u002Ftable'",[721,921,765],{"class":726},[721,923,924,926,929,931,934],{"class":723,"line":783},[721,925,911],{"class":726},[721,927,928],{"class":743},"'Automation'",[721,930,759],{"class":726},[721,932,933],{"class":743},"'\u002Fcomponents\u002Fforms\u002Fvalidation'",[721,935,765],{"class":726},[721,937,938],{"class":723,"line":798},[721,939,940],{"class":726},"  ] },\n",[721,942,944,946,948],{"class":723,"line":943},6,[721,945,801],{"class":726},[721,947,744],{"class":743},[721,949,806],{"class":726},[696,951,952,953,958],{},"This is a single level of children only - Reka's own shared-viewport\ndropdown isn't built for deeper nesting. For an arbitrary-depth tree, use\n",[954,955,957],"a",{"href":956},"#vertical","Vertical"," instead.",[696,960,961,962,965],{},"For a wide, multi-column panel, set ",[699,963,964],{},"contentOrientation=\"horizontal\"",".\nThis example shows that layout with more items, children, and icons:",[708,967],{"name":968},"navigation-menu-full",[712,970,972],{"className":714,"code":971,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"items\" content-orientation=\"horizontal\" \u002F>\n",[699,973,974],{"__ignoreMap":717},[721,975,976,978,980,982,984,986,988,990,992,995,997,1000],{"class":723,"line":8},[721,977,727],{"class":726},[721,979,731],{"class":730},[721,981,734],{"class":726},[721,983,701],{"class":737},[721,985,740],{"class":726},[721,987,744],{"class":743},[721,989,701],{"class":726},[721,991,744],{"class":743},[721,993,994],{"class":737}," content-orientation",[721,996,740],{"class":726},[721,998,999],{"class":743},"\"horizontal\"",[721,1001,806],{"class":726},[808,1003,1005],{"id":1004},"content-orientation-and-alignment","Content orientation and alignment",[696,1007,1008,1009,1012,1013,1015],{},"For a horizontal navigation bar, ",[699,1010,1011],{},"contentOrientation=\"vertical\""," is the\ndefault: a compact, single-column dropdown beneath its active trigger.\n",[699,1014,964],{}," switches to a full-width, multi-column\ndropdown. The navigation bar itself stays horizontal in both layouts.",[708,1017],{"name":1018},"navigation-menu-content-orientation",[712,1020,1022],{"className":714,"code":1021,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu\n  :items=\"items\"\n  :positioning=\"{ align: 'start' }\"\n\u002F>\n",[699,1023,1024,1031,1047,1069],{"__ignoreMap":717},[721,1025,1026,1028],{"class":723,"line":8},[721,1027,727],{"class":726},[721,1029,1030],{"class":730},"SNavigationMenu\n",[721,1032,1033,1036,1038,1040,1042,1044],{"class":723,"line":750},[721,1034,1035],{"class":726},"  :",[721,1037,701],{"class":737},[721,1039,740],{"class":726},[721,1041,744],{"class":743},[721,1043,701],{"class":726},[721,1045,1046],{"class":743},"\"\n",[721,1048,1049,1051,1054,1056,1058,1061,1064,1067],{"class":723,"line":768},[721,1050,1035],{"class":726},[721,1052,1053],{"class":737},"positioning",[721,1055,740],{"class":726},[721,1057,744],{"class":743},[721,1059,1060],{"class":726},"{ align: ",[721,1062,1063],{"class":743},"'start'",[721,1065,1066],{"class":726}," }",[721,1068,1046],{"class":743},[721,1070,1071],{"class":723,"line":783},[721,1072,1073],{"class":726},"\u002F>\n",[696,1075,1076,1079,1080,1083,1084,1087,1088,1091,1092,1095],{},[699,1077,1078],{},"positioning.align"," accepts ",[699,1081,1082],{},"start",", ",[699,1085,1086],{},"center"," (the default), or ",[699,1089,1090],{},"end",".\nStart and end follow the reading direction, and the compact panel shifts\nat screen edges to stay visible. Use ",[699,1093,1094],{},"ui.content"," to customize its width;\nthe viewport measures each open panel and resizes with it.",[696,1097,1098,1099,1102,1103,1105,1106,1109],{},"These settings apply only to horizontal navigation; alignment affects\nonly its compact dropdown. They do not change vertical accordions or\ncollapsed sidebar flyouts. Configure those flyouts through ",[699,1100,1101],{},"popover",".\nNavigationMenu's ",[699,1104,1053],{}," currently supports only ",[699,1107,1108],{},"align",", rather than\nthe full set of positioning options available on Popover and Dropdown.",[808,1111,1113],{"id":1112},"active-item","Active item",[696,1115,1116,1117,1120,1121,1124,1125,1128,1129,1131,1132,1134],{},"An item whose ",[699,1118,1119],{},"to"," matches the current route is highlighted\nautomatically, via Reka's own real ",[699,1122,1123],{},"active"," link state (",[699,1126,1127],{},"aria-current=\"page\"","\nincluded, not just a class). ",[699,1130,1123],{}," on the item itself overrides the\nauto-detected value in either direction - useful for a route that doesn't\nmap cleanly to one item's ",[699,1133,1119],{},", or for a non-navigating item that should\nstill show as current:",[708,1136],{"name":1137},"navigation-menu-active",[712,1139,1141],{"className":714,"code":1140,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"[{ label: 'Docs', active: true }]\" \u002F>\n",[699,1142,1143],{"__ignoreMap":717},[721,1144,1145,1147,1149,1151,1153,1155,1157,1159,1161,1164,1168,1170,1172],{"class":723,"line":8},[721,1146,727],{"class":726},[721,1148,731],{"class":730},[721,1150,734],{"class":726},[721,1152,701],{"class":737},[721,1154,740],{"class":726},[721,1156,744],{"class":743},[721,1158,842],{"class":726},[721,1160,773],{"class":743},[721,1162,1163],{"class":726},", active: ",[721,1165,1167],{"class":1166},"sj4cs","true",[721,1169,857],{"class":726},[721,1171,744],{"class":743},[721,1173,806],{"class":726},[808,1175,957],{"id":1176},"vertical",[696,1178,1179,1182],{},[699,1180,1181],{},"orientation=\"vertical\""," switches to a top-to-bottom layout. Unlike\nhorizontal's single-level dropdown, vertical supports arbitrary-depth\nnesting - each level with children renders as its own collapsible\naccordion group, closed by default:",[708,1184],{"name":1185},"navigation-menu-vertical",[712,1187,1189],{"className":714,"code":1188,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"items\" orientation=\"vertical\" \u002F>\n",[699,1190,1191],{"__ignoreMap":717},[721,1192,1193,1195,1197,1199,1201,1203,1205,1207,1209,1212,1214,1217],{"class":723,"line":8},[721,1194,727],{"class":726},[721,1196,731],{"class":730},[721,1198,734],{"class":726},[721,1200,701],{"class":737},[721,1202,740],{"class":726},[721,1204,744],{"class":743},[721,1206,701],{"class":726},[721,1208,744],{"class":743},[721,1210,1211],{"class":737}," orientation",[721,1213,740],{"class":726},[721,1215,1216],{"class":743},"\"vertical\"",[721,1218,806],{"class":726},[696,1220,1221],{},"At a more realistic scale - a settings\u002Fdocs-style sidebar, three levels\ndeep, icons throughout, mixing leaf links with nested groups, plus an\nactive and a disabled item:",[708,1223],{"name":1224},"navigation-menu-vertical-full",[808,1226,1228],{"id":1227},"collapsed","Collapsed",[696,1230,1231,1233,1234,1237],{},[699,1232,1227],{}," (vertical only) shrinks every item down to just its own icon -\nan icon rail, the shape a sidebar nav commonly takes once collapsed. Labels\nstay in the DOM for assistive tech (",[699,1235,1236],{},"sr-only",", not removed), so this is\nCSS-only and doesn't change what a screen reader announces. A parent with\nchildren renders as a themed flyout trigger instead of an expandable\naccordion row - there's no room for a nested list in an icon rail, so its\nchildren surface in a small popover next to the icon instead, the same\npattern a collapsed sidebar commonly uses elsewhere:",[708,1239],{"name":1240},"navigation-menu-collapsed",[712,1242,1244],{"className":714,"code":1243,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"items\" orientation=\"vertical\" collapsed tooltip \u002F>\n",[699,1245,1246],{"__ignoreMap":717},[721,1247,1248,1250,1252,1254,1256,1258,1260,1262,1264,1266,1268,1270,1273,1276],{"class":723,"line":8},[721,1249,727],{"class":726},[721,1251,731],{"class":730},[721,1253,734],{"class":726},[721,1255,701],{"class":737},[721,1257,740],{"class":726},[721,1259,744],{"class":743},[721,1261,701],{"class":726},[721,1263,744],{"class":743},[721,1265,1211],{"class":737},[721,1267,740],{"class":726},[721,1269,1216],{"class":743},[721,1271,1272],{"class":737}," collapsed",[721,1274,1275],{"class":737}," tooltip",[721,1277,806],{"class":726},[808,1279,1281],{"id":1280},"collapsed-labels-and-flyouts","Collapsed labels and flyouts",[696,1283,1284,1285,1288,1289,1292,1293,1295,1296,1299],{},"Add ",[699,1286,1287],{},"tooltip"," to show a collapsed leaf's label on hover or keyboard focus.\nIts text defaults to ",[699,1290,1291],{},"ariaLabel",", then ",[699,1294,705],{},". Disabled items, group labels,\nand separators do not show tooltips. Expanded and horizontal menus are unaffected.\nWrap your application in ",[699,1297,1298],{},"SApp"," to provide the shared tooltip context.",[712,1301,1303],{"className":714,"code":1302,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu\n  :items=\"items\"\n  orientation=\"vertical\"\n  collapsed\n  :tooltip=\"{ delayDuration: 150, arrow: false }\"\n  :popover=\"{ side: 'right', positioning: { sideOffset: 10 } }\"\n\u002F>\n",[699,1304,1305,1311,1325,1335,1340,1366,1393],{"__ignoreMap":717},[721,1306,1307,1309],{"class":723,"line":8},[721,1308,727],{"class":726},[721,1310,1030],{"class":730},[721,1312,1313,1315,1317,1319,1321,1323],{"class":723,"line":750},[721,1314,1035],{"class":726},[721,1316,701],{"class":737},[721,1318,740],{"class":726},[721,1320,744],{"class":743},[721,1322,701],{"class":726},[721,1324,1046],{"class":743},[721,1326,1327,1330,1332],{"class":723,"line":768},[721,1328,1329],{"class":737},"  orientation",[721,1331,740],{"class":726},[721,1333,1334],{"class":743},"\"vertical\"\n",[721,1336,1337],{"class":723,"line":783},[721,1338,1339],{"class":737},"  collapsed\n",[721,1341,1342,1344,1346,1348,1350,1353,1356,1359,1362,1364],{"class":723,"line":798},[721,1343,1035],{"class":726},[721,1345,1287],{"class":737},[721,1347,740],{"class":726},[721,1349,744],{"class":743},[721,1351,1352],{"class":726},"{ delayDuration: ",[721,1354,1355],{"class":1166},"150",[721,1357,1358],{"class":726},", arrow: ",[721,1360,1361],{"class":1166},"false",[721,1363,1066],{"class":726},[721,1365,1046],{"class":743},[721,1367,1368,1370,1372,1374,1376,1379,1382,1385,1388,1391],{"class":723,"line":943},[721,1369,1035],{"class":726},[721,1371,1101],{"class":737},[721,1373,740],{"class":726},[721,1375,744],{"class":743},[721,1377,1378],{"class":726},"{ side: ",[721,1380,1381],{"class":743},"'right'",[721,1383,1384],{"class":726},", positioning: { sideOffset: ",[721,1386,1387],{"class":1166},"10",[721,1389,1390],{"class":726}," } }",[721,1392,1046],{"class":743},[721,1394,1396],{"class":723,"line":1395},7,[721,1397,1073],{"class":726},[696,1399,1400,1401,1404,1405,1408],{},"Use an item's ",[699,1402,1403],{},"tooltip: false"," to opt out, or an object such as\n",[699,1406,1407],{},"tooltip: { text: 'Account settings', side: 'left' }"," to override that item.\nGlobal and item tooltip settings are merged, with item settings taking priority.\nTooltips default to an immediate opening on the right in LTR and left in RTL.\nThe link remains the trigger, preserving navigation, shortcuts, and custom item slots.",[696,1410,1411,1412,1414,1415,1418,1419,1421],{},"Items with children keep their child flyout rather than adding a competing tooltip.\n",[699,1413,1101],{}," configures its side, alignment, positioning, portal, arrow, and ",[699,1416,1417],{},"ui",";\nan item's ",[699,1420,1101],{}," overrides the menu settings. Flyouts remain enabled and retain\nhover, click, and keyboard behavior. Their default side also follows text direction.",[808,1423,1425],{"id":1424},"labels-and-separators","Labels and separators",[696,1427,1428,1429,6,1432,1435,1436,1438],{},"An item can be a real link (the default), or ",[699,1430,1431],{},"type: 'label'",[699,1433,1434],{},"type: 'separator'","\ninstead - a non-interactive section heading and a thin divider line,\nrespectively. Both are just items in the same flat array, not a wrapping\nstructure - a \"group\" is nothing more than a ",[699,1437,705],{}," item followed by the\nitems it introduces:",[708,1440],{"name":1441},"navigation-menu-labels",[712,1443,1445],{"className":714,"code":1444,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"[\n  { label: 'Guide', type: 'label' },\n  { label: 'Introduction', to: '\u002Fintroduction' },\n  { label: 'Installation', to: '\u002Finstallation' },\n  { label: 'sep-1', type: 'separator' },\n  { label: 'Components', type: 'label' },\n  { label: 'Button', to: '\u002Fcomponents\u002Fbutton' },\n]\" orientation=\"vertical\" \u002F>\n",[699,1446,1447,1463,1478,1492,1506,1520,1533,1547],{"__ignoreMap":717},[721,1448,1449,1451,1453,1455,1457,1459,1461],{"class":723,"line":8},[721,1450,727],{"class":726},[721,1452,731],{"class":730},[721,1454,734],{"class":726},[721,1456,701],{"class":737},[721,1458,740],{"class":726},[721,1460,744],{"class":743},[721,1462,747],{"class":726},[721,1464,1465,1467,1470,1473,1476],{"class":723,"line":750},[721,1466,753],{"class":726},[721,1468,1469],{"class":743},"'Guide'",[721,1471,1472],{"class":726},", type: ",[721,1474,1475],{"class":743},"'label'",[721,1477,765],{"class":726},[721,1479,1480,1482,1485,1487,1490],{"class":723,"line":768},[721,1481,753],{"class":726},[721,1483,1484],{"class":743},"'Introduction'",[721,1486,759],{"class":726},[721,1488,1489],{"class":743},"'\u002Fintroduction'",[721,1491,765],{"class":726},[721,1493,1494,1496,1499,1501,1504],{"class":723,"line":783},[721,1495,753],{"class":726},[721,1497,1498],{"class":743},"'Installation'",[721,1500,759],{"class":726},[721,1502,1503],{"class":743},"'\u002Finstallation'",[721,1505,765],{"class":726},[721,1507,1508,1510,1513,1515,1518],{"class":723,"line":798},[721,1509,753],{"class":726},[721,1511,1512],{"class":743},"'sep-1'",[721,1514,1472],{"class":726},[721,1516,1517],{"class":743},"'separator'",[721,1519,765],{"class":726},[721,1521,1522,1524,1527,1529,1531],{"class":723,"line":943},[721,1523,753],{"class":726},[721,1525,1526],{"class":743},"'Components'",[721,1528,1472],{"class":726},[721,1530,1475],{"class":743},[721,1532,765],{"class":726},[721,1534,1535,1537,1540,1542,1545],{"class":723,"line":1395},[721,1536,753],{"class":726},[721,1538,1539],{"class":743},"'Button'",[721,1541,759],{"class":726},[721,1543,1544],{"class":743},"'\u002Fcomponents\u002Fbutton'",[721,1546,765],{"class":726},[721,1548,1550,1552,1554,1556,1558,1560],{"class":723,"line":1549},8,[721,1551,801],{"class":726},[721,1553,744],{"class":743},[721,1555,1211],{"class":737},[721,1557,740],{"class":726},[721,1559,1216],{"class":743},[721,1561,806],{"class":726},[696,1563,1564,1565,1568,1569,1572,1573,1576,1577,1579],{},"In a collapsed vertical rail, headings stay in the DOM but are visually hidden.\nBy default, ",[699,1566,1567],{},"collapsedGroups=\"separator\""," adds a thin line between populated\nsections. Use ",[699,1570,1571],{},"\"spacing\""," for a gap or ",[699,1574,1575],{},"\"none\""," for no automatic boundary.\nThe same ",[699,1578,701],{}," array works when expanding and collapsing. Explicit separator\nitems still draw lines in all three modes; collapsed rails remove leading,\ntrailing, and repeated separators. Empty sections do not add visible boundaries.\nHorizontal menus are unchanged.",[712,1581,1583],{"className":714,"code":1582,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"items\" orientation=\"vertical\" collapsed collapsed-groups=\"spacing\" tooltip \u002F>\n",[699,1584,1585],{"__ignoreMap":717},[721,1586,1587,1589,1591,1593,1595,1597,1599,1601,1603,1605,1607,1609,1611,1614,1616,1618,1620],{"class":723,"line":8},[721,1588,727],{"class":726},[721,1590,731],{"class":730},[721,1592,734],{"class":726},[721,1594,701],{"class":737},[721,1596,740],{"class":726},[721,1598,744],{"class":743},[721,1600,701],{"class":726},[721,1602,744],{"class":743},[721,1604,1211],{"class":737},[721,1606,740],{"class":726},[721,1608,1216],{"class":743},[721,1610,1272],{"class":737},[721,1612,1613],{"class":737}," collapsed-groups",[721,1615,740],{"class":726},[721,1617,1571],{"class":743},[721,1619,1275],{"class":737},[721,1621,806],{"class":726},[696,1623,1624,1625,1083,1628,1631,1632,1635],{},"Use ",[699,1626,1627],{},"ui.separator",[699,1629,1630],{},"ui.groupSpacer",", and ",[699,1633,1634],{},"ui.collapsedGroupLabel"," to customize\nthe line, gap, and visually hidden heading respectively. None become focusable\nmenu actions; link labels and tooltips retain their existing behavior.",[696,1637,1638,1639,1642,1643,1645,1646,1648,1649,1651,1652,1655],{},"A ",[699,1640,1641],{},"separator"," item still needs a unique ",[699,1644,705],{}," even though it's never\ndisplayed - every item's ",[699,1647,705],{}," doubles as its list key. Top-level only:\na ",[699,1650,871],{}," array doesn't check ",[699,1653,1654],{},"type",", so a nested tree can't group its\nown children under a sub-heading.",[808,1657,1659],{"id":1658},"variant","Variant",[696,1661,1662,1665,1666,1669],{},[699,1663,1664],{},"variant=\"pill\""," (default) gives the active item a filled background;\n",[699,1667,1668],{},"variant=\"link\""," only changes its text color, no background:",[708,1671],{"name":1672},"navigation-menu-variant",[712,1674,1676],{"className":714,"code":1675,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"items\" variant=\"link\" \u002F>\n",[699,1677,1678],{"__ignoreMap":717},[721,1679,1680,1682,1684,1686,1688,1690,1692,1694,1696,1699,1701,1704],{"class":723,"line":8},[721,1681,727],{"class":726},[721,1683,731],{"class":730},[721,1685,734],{"class":726},[721,1687,701],{"class":737},[721,1689,740],{"class":726},[721,1691,744],{"class":743},[721,1693,701],{"class":726},[721,1695,744],{"class":743},[721,1697,1698],{"class":737}," variant",[721,1700,740],{"class":726},[721,1702,1703],{"class":743},"\"link\"",[721,1705,806],{"class":726},[808,1707,1709],{"id":1708},"highlight","Highlight",[696,1711,1712,1714],{},[699,1713,1708],{}," draws a small bar next to the active item, in addition to its\nown color styling - a line under it in horizontal, or beside it in\nvertical:",[708,1716],{"name":1717},"navigation-menu-highlight",[712,1719,1721],{"className":714,"code":1720,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"items\" highlight \u002F>\n",[699,1722,1723],{"__ignoreMap":717},[721,1724,1725,1727,1729,1731,1733,1735,1737,1739,1741,1744],{"class":723,"line":8},[721,1726,727],{"class":726},[721,1728,731],{"class":730},[721,1730,734],{"class":726},[721,1732,701],{"class":737},[721,1734,740],{"class":726},[721,1736,744],{"class":743},[721,1738,701],{"class":726},[721,1740,744],{"class":743},[721,1742,1743],{"class":737}," highlight",[721,1745,806],{"class":726},[808,1747,1749],{"id":1748},"disabled-item","Disabled item",[696,1751,1752,1755,1756,1759,1760,1763],{},[699,1753,1754],{},"disabled"," on an item keeps it visible but non-interactive - no\nnavigation, no ",[699,1757,1758],{},"onSelect",", marked ",[699,1761,1762],{},"aria-disabled",":",[708,1765],{"name":1766},"navigation-menu-disabled",[712,1768,1770],{"className":714,"code":1769,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"[{ label: 'Coming soon', disabled: true }]\" \u002F>\n",[699,1771,1772],{"__ignoreMap":717},[721,1773,1774,1776,1778,1780,1782,1784,1786,1788,1791,1794,1796,1798,1800],{"class":723,"line":8},[721,1775,727],{"class":726},[721,1777,731],{"class":730},[721,1779,734],{"class":726},[721,1781,701],{"class":737},[721,1783,740],{"class":726},[721,1785,744],{"class":743},[721,1787,842],{"class":726},[721,1789,1790],{"class":743},"'Coming soon'",[721,1792,1793],{"class":726},", disabled: ",[721,1795,1167],{"class":1166},[721,1797,857],{"class":726},[721,1799,744],{"class":743},[721,1801,806],{"class":726},[808,1803,1805],{"id":1804},"shortcuts","Shortcuts",[696,1807,1808,1811,1812,1815,1816,1819,1820,1822,1823,1825],{},[699,1809,1810],{},"shortcut"," displays a Kbd hint next to a leaf item. Set ",[699,1813,1814],{},"hotkey: true"," to\nbind it, so the key activates that item from anywhere on the page. It stays\ninactive while someone is typing in a field. ",[699,1817,1818],{},"mod"," maps to ⌘ on macOS and Ctrl\non other platforms. A leaf can navigate with ",[699,1821,1119],{}," or run ",[699,1824,1758],{}," like a\nbutton.",[708,1827],{"name":1828},"navigation-menu-shortcuts",[712,1830,1834],{"className":1831,"code":1832,"language":1833,"meta":717,"style":717},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst lastAction = ref('')\nconst items = [\n  { label: 'Overview', shortcut: 'mod+1', hotkey: true, onSelect: () => lastAction.value = 'Overview selected' },\n  { label: 'Settings', shortcut: 'mod+2', hotkey: true, onSelect: () => lastAction.value = 'Settings selected' },\n  { label: 'Help', shortcut: 'mod+\u002F', onSelect: () => lastAction.value = 'Help selected' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSNavigationMenu :items=\"items\" \u002F>\n\u003C\u002Ftemplate>\n","vue",[699,1835,1836,1857,1881,1893,1931,1964,1993,1998,2007,2013,2022,2043],{"__ignoreMap":717},[721,1837,1838,1840,1843,1846,1849,1851,1854],{"class":723,"line":8},[721,1839,727],{"class":726},[721,1841,1842],{"class":730},"script",[721,1844,1845],{"class":737}," setup",[721,1847,1848],{"class":737}," lang",[721,1850,740],{"class":726},[721,1852,1853],{"class":743},"\"ts\"",[721,1855,1856],{"class":726},">\n",[721,1858,1859,1863,1866,1869,1872,1875,1878],{"class":723,"line":750},[721,1860,1862],{"class":1861},"szBVR","const",[721,1864,1865],{"class":1166}," lastAction",[721,1867,1868],{"class":1861}," =",[721,1870,1871],{"class":737}," ref",[721,1873,1874],{"class":726},"(",[721,1876,1877],{"class":743},"''",[721,1879,1880],{"class":726},")\n",[721,1882,1883,1885,1888,1890],{"class":723,"line":768},[721,1884,1862],{"class":1861},[721,1886,1887],{"class":1166}," items",[721,1889,1868],{"class":1861},[721,1891,1892],{"class":726}," [\n",[721,1894,1895,1897,1900,1903,1906,1909,1911,1913,1915,1918,1921,1924,1926,1929],{"class":723,"line":783},[721,1896,753],{"class":726},[721,1898,1899],{"class":743},"'Overview'",[721,1901,1902],{"class":726},", shortcut: ",[721,1904,1905],{"class":743},"'mod+1'",[721,1907,1908],{"class":726},", hotkey: ",[721,1910,1167],{"class":1166},[721,1912,1083],{"class":726},[721,1914,1758],{"class":737},[721,1916,1917],{"class":726},": () ",[721,1919,1920],{"class":1861},"=>",[721,1922,1923],{"class":726}," lastAction.value ",[721,1925,740],{"class":1861},[721,1927,1928],{"class":743}," 'Overview selected'",[721,1930,765],{"class":726},[721,1932,1933,1935,1938,1940,1943,1945,1947,1949,1951,1953,1955,1957,1959,1962],{"class":723,"line":798},[721,1934,753],{"class":726},[721,1936,1937],{"class":743},"'Settings'",[721,1939,1902],{"class":726},[721,1941,1942],{"class":743},"'mod+2'",[721,1944,1908],{"class":726},[721,1946,1167],{"class":1166},[721,1948,1083],{"class":726},[721,1950,1758],{"class":737},[721,1952,1917],{"class":726},[721,1954,1920],{"class":1861},[721,1956,1923],{"class":726},[721,1958,740],{"class":1861},[721,1960,1961],{"class":743}," 'Settings selected'",[721,1963,765],{"class":726},[721,1965,1966,1968,1971,1973,1976,1978,1980,1982,1984,1986,1988,1991],{"class":723,"line":943},[721,1967,753],{"class":726},[721,1969,1970],{"class":743},"'Help'",[721,1972,1902],{"class":726},[721,1974,1975],{"class":743},"'mod+\u002F'",[721,1977,1083],{"class":726},[721,1979,1758],{"class":737},[721,1981,1917],{"class":726},[721,1983,1920],{"class":1861},[721,1985,1923],{"class":726},[721,1987,740],{"class":1861},[721,1989,1990],{"class":743}," 'Help selected'",[721,1992,765],{"class":726},[721,1994,1995],{"class":723,"line":1395},[721,1996,1997],{"class":726},"]\n",[721,1999,2000,2003,2005],{"class":723,"line":1549},[721,2001,2002],{"class":726},"\u003C\u002F",[721,2004,1842],{"class":730},[721,2006,1856],{"class":726},[721,2008,2010],{"class":723,"line":2009},9,[721,2011,2012],{"emptyLinePlaceholder":686},"\n",[721,2014,2015,2017,2020],{"class":723,"line":13},[721,2016,727],{"class":726},[721,2018,2019],{"class":730},"template",[721,2021,1856],{"class":726},[721,2023,2024,2027,2029,2031,2033,2035,2037,2039,2041],{"class":723,"line":151},[721,2025,2026],{"class":726},"  \u003C",[721,2028,731],{"class":730},[721,2030,734],{"class":726},[721,2032,701],{"class":737},[721,2034,740],{"class":726},[721,2036,744],{"class":743},[721,2038,701],{"class":726},[721,2040,744],{"class":743},[721,2042,806],{"class":726},[721,2044,2045,2047,2049],{"class":723,"line":170},[721,2046,2002],{"class":726},[721,2048,2019],{"class":730},[721,2050,1856],{"class":726},[696,2052,2053,2054,2057,2058,2060],{},"Press ⌘1 or ⌘2 (Ctrl on other platforms) to select an item. ",[699,2055,2056],{},"Help"," shows a\nhint but does not bind the key because it omits ",[699,2059,1814],{},".",[808,2062,2064],{"id":2063},"color","Color",[696,2066,2067,2069,2070,1083,2073,1083,2076,1083,2079,1083,2082,1083,2085,2088,2089,2092],{},[699,2068,2063],{}," follows the same palette as every other component here\n(",[699,2071,2072],{},"primary",[699,2074,2075],{},"neutral",[699,2077,2078],{},"secondary",[699,2080,2081],{},"success",[699,2083,2084],{},"danger",[699,2086,2087],{},"info",",\n",[699,2090,2091],{},"warning",") and only affects the active item:",[708,2094],{"name":2095},"navigation-menu-color",[712,2097,2099],{"className":714,"code":2098,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"items\" color=\"secondary\" \u002F>\n",[699,2100,2101],{"__ignoreMap":717},[721,2102,2103,2105,2107,2109,2111,2113,2115,2117,2119,2122,2124,2127],{"class":723,"line":8},[721,2104,727],{"class":726},[721,2106,731],{"class":730},[721,2108,734],{"class":726},[721,2110,701],{"class":737},[721,2112,740],{"class":726},[721,2114,744],{"class":743},[721,2116,701],{"class":726},[721,2118,744],{"class":743},[721,2120,2121],{"class":737}," color",[721,2123,740],{"class":726},[721,2125,2126],{"class":743},"\"secondary\"",[721,2128,806],{"class":726},[808,2130,2132],{"id":2131},"customizing-content","Customizing content",[696,2134,2135,2136,6,2139,6,2142,2145,2146,2149,2150,2153],{},"Every rendering spot has a matching slot, scoped with the item's own\ndata - ",[699,2137,2138],{},"item-leading",[699,2140,2141],{},"item-label",[699,2143,2144],{},"item-trailing"," replace one piece at a\ntime, ",[699,2147,2148],{},"item"," replaces a whole item's content, and ",[699,2151,2152],{},"item-content"," replaces\nan entire dropdown's body, letting you build a genuine multi-column mega\nmenu instead of the default single-column list:",[696,2155,2156,2157,2161,2162,2164,2165,2167,2168,2171],{},"Open ",[2158,2159,2160],"strong",{},"Products"," to see the generic ",[699,2163,2152],{}," layout, or ",[2158,2166,2056],{}," to\nsee the per-item ",[699,2169,2170],{},"help-content"," override.",[708,2173],{"name":2174},"navigation-menu-custom",[712,2176,2178],{"className":714,"code":2177,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"items\" content-orientation=\"horizontal\">\n  \u003Ctemplate #item-content=\"{ item }\">\n    \u003Cul class=\"grid w-96 grid-cols-2 gap-2 p-2\">\n      \u003Cli v-for=\"child in item.children\" :key=\"child.label\">\n        \u003CNuxtLink :to=\"child.to\">{{ child.label }}\u003C\u002FNuxtLink>\n      \u003C\u002Fli>\n    \u003C\u002Ful>\n  \u003C\u002Ftemplate>\n\u003C\u002FSNavigationMenu>\n",[699,2179,2180,2206,2228,2246,2272,2300,2309,2318,2327],{"__ignoreMap":717},[721,2181,2182,2184,2186,2188,2190,2192,2194,2196,2198,2200,2202,2204],{"class":723,"line":8},[721,2183,727],{"class":726},[721,2185,731],{"class":730},[721,2187,734],{"class":726},[721,2189,701],{"class":737},[721,2191,740],{"class":726},[721,2193,744],{"class":743},[721,2195,701],{"class":726},[721,2197,744],{"class":743},[721,2199,994],{"class":737},[721,2201,740],{"class":726},[721,2203,999],{"class":743},[721,2205,1856],{"class":726},[721,2207,2208,2210,2212,2215,2217,2219,2221,2224,2226],{"class":723,"line":750},[721,2209,2026],{"class":726},[721,2211,2019],{"class":730},[721,2213,2214],{"class":726}," #",[721,2216,2152],{"class":737},[721,2218,740],{"class":726},[721,2220,744],{"class":743},[721,2222,2223],{"class":726},"{ item }",[721,2225,744],{"class":743},[721,2227,1856],{"class":726},[721,2229,2230,2233,2236,2239,2241,2244],{"class":723,"line":768},[721,2231,2232],{"class":726},"    \u003C",[721,2234,2235],{"class":730},"ul",[721,2237,2238],{"class":737}," class",[721,2240,740],{"class":726},[721,2242,2243],{"class":743},"\"grid w-96 grid-cols-2 gap-2 p-2\"",[721,2245,1856],{"class":726},[721,2247,2248,2251,2254,2257,2259,2262,2265,2267,2270],{"class":723,"line":783},[721,2249,2250],{"class":726},"      \u003C",[721,2252,2253],{"class":730},"li",[721,2255,2256],{"class":737}," v-for",[721,2258,740],{"class":726},[721,2260,2261],{"class":743},"\"child in item.children\"",[721,2263,2264],{"class":737}," :key",[721,2266,740],{"class":726},[721,2268,2269],{"class":743},"\"child.label\"",[721,2271,1856],{"class":726},[721,2273,2274,2277,2280,2282,2284,2286,2288,2291,2293,2296,2298],{"class":723,"line":798},[721,2275,2276],{"class":726},"        \u003C",[721,2278,2279],{"class":730},"NuxtLink",[721,2281,734],{"class":726},[721,2283,1119],{"class":737},[721,2285,740],{"class":726},[721,2287,744],{"class":743},[721,2289,2290],{"class":726},"child.to",[721,2292,744],{"class":743},[721,2294,2295],{"class":726},">{{ child.label }}\u003C\u002F",[721,2297,2279],{"class":730},[721,2299,1856],{"class":726},[721,2301,2302,2305,2307],{"class":723,"line":943},[721,2303,2304],{"class":726},"      \u003C\u002F",[721,2306,2253],{"class":730},[721,2308,1856],{"class":726},[721,2310,2311,2314,2316],{"class":723,"line":1395},[721,2312,2313],{"class":726},"    \u003C\u002F",[721,2315,2235],{"class":730},[721,2317,1856],{"class":726},[721,2319,2320,2323,2325],{"class":723,"line":1549},[721,2321,2322],{"class":726},"  \u003C\u002F",[721,2324,2019],{"class":730},[721,2326,1856],{"class":726},[721,2328,2329,2331,2333],{"class":723,"line":2009},[721,2330,2002],{"class":726},[721,2332,731],{"class":730},[721,2334,1856],{"class":726},[696,2336,2337,2338,2341,2342,2345,2346,2349,2350,6,2353,6,2356,2359],{},"Every one of these slots also has a ",[2158,2339,2340],{},"per-item"," form: set ",[699,2343,2344],{},"slot"," on one\nitem and it targets ",[699,2347,2348],{},"#{slot}-content"," (or ",[699,2351,2352],{},"-leading",[699,2354,2355],{},"-label",[699,2357,2358],{},"-trailing",")\nahead of the generic slot above - useful when only one or two items need\nbespoke content and the rest are happy with the default:",[712,2361,2363],{"className":714,"code":2362,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"[{ label: 'Help', slot: 'help', children: [...] }]\">\n  \u003Ctemplate #help-content=\"{ item }\">\n    \u003C!-- only this item's dropdown uses this -->\n  \u003C\u002Ftemplate>\n\u003C\u002FSNavigationMenu>\n",[699,2364,2365,2402,2422,2428,2436],{"__ignoreMap":717},[721,2366,2367,2369,2371,2373,2375,2377,2379,2381,2383,2386,2389,2392,2395,2398,2400],{"class":723,"line":8},[721,2368,727],{"class":726},[721,2370,731],{"class":730},[721,2372,734],{"class":726},[721,2374,701],{"class":737},[721,2376,740],{"class":726},[721,2378,744],{"class":743},[721,2380,842],{"class":726},[721,2382,1970],{"class":743},[721,2384,2385],{"class":726},", slot: ",[721,2387,2388],{"class":743},"'help'",[721,2390,2391],{"class":726},", children: [",[721,2393,2394],{"class":1861},"...",[721,2396,2397],{"class":726},"] }]",[721,2399,744],{"class":743},[721,2401,1856],{"class":726},[721,2403,2404,2406,2408,2410,2412,2414,2416,2418,2420],{"class":723,"line":750},[721,2405,2026],{"class":726},[721,2407,2019],{"class":730},[721,2409,2214],{"class":726},[721,2411,2170],{"class":737},[721,2413,740],{"class":726},[721,2415,744],{"class":743},[721,2417,2223],{"class":726},[721,2419,744],{"class":743},[721,2421,1856],{"class":726},[721,2423,2424],{"class":723,"line":768},[721,2425,2427],{"class":2426},"sJ8bj","    \u003C!-- only this item's dropdown uses this -->\n",[721,2429,2430,2432,2434],{"class":723,"line":783},[721,2431,2322],{"class":726},[721,2433,2019],{"class":730},[721,2435,1856],{"class":726},[721,2437,2438,2440,2442],{"class":723,"line":798},[721,2439,2002],{"class":726},[721,2441,731],{"class":730},[721,2443,1856],{"class":726},[696,2445,2446,6,2449,2452],{},[699,2447,2448],{},"list-leading",[699,2450,2451],{},"list-trailing"," sit outside the item list entirely -\nuseful for a logo or a call-to-action button alongside the menu:",[712,2454,2456],{"className":714,"code":2455,"language":716,"meta":717,"style":717},"\u003CSNavigationMenu :items=\"items\">\n  \u003Ctemplate #list-leading>\n    \u003Cimg src=\"\u002Flogo.svg\" class=\"h-6\">\n  \u003C\u002Ftemplate>\n  \u003Ctemplate #list-trailing>\n    \u003CSButton size=\"sm\">Sign up\u003C\u002FSButton>\n  \u003C\u002Ftemplate>\n\u003C\u002FSNavigationMenu>\n",[699,2457,2458,2478,2490,2514,2522,2534,2556,2564],{"__ignoreMap":717},[721,2459,2460,2462,2464,2466,2468,2470,2472,2474,2476],{"class":723,"line":8},[721,2461,727],{"class":726},[721,2463,731],{"class":730},[721,2465,734],{"class":726},[721,2467,701],{"class":737},[721,2469,740],{"class":726},[721,2471,744],{"class":743},[721,2473,701],{"class":726},[721,2475,744],{"class":743},[721,2477,1856],{"class":726},[721,2479,2480,2482,2484,2486,2488],{"class":723,"line":750},[721,2481,2026],{"class":726},[721,2483,2019],{"class":730},[721,2485,2214],{"class":726},[721,2487,2448],{"class":737},[721,2489,1856],{"class":726},[721,2491,2492,2494,2497,2500,2502,2505,2507,2509,2512],{"class":723,"line":768},[721,2493,2232],{"class":726},[721,2495,2496],{"class":730},"img",[721,2498,2499],{"class":737}," src",[721,2501,740],{"class":726},[721,2503,2504],{"class":743},"\"\u002Flogo.svg\"",[721,2506,2238],{"class":737},[721,2508,740],{"class":726},[721,2510,2511],{"class":743},"\"h-6\"",[721,2513,1856],{"class":726},[721,2515,2516,2518,2520],{"class":723,"line":783},[721,2517,2322],{"class":726},[721,2519,2019],{"class":730},[721,2521,1856],{"class":726},[721,2523,2524,2526,2528,2530,2532],{"class":723,"line":798},[721,2525,2026],{"class":726},[721,2527,2019],{"class":730},[721,2529,2214],{"class":726},[721,2531,2451],{"class":737},[721,2533,1856],{"class":726},[721,2535,2536,2538,2541,2544,2546,2549,2552,2554],{"class":723,"line":943},[721,2537,2232],{"class":726},[721,2539,2540],{"class":730},"SButton",[721,2542,2543],{"class":737}," size",[721,2545,740],{"class":726},[721,2547,2548],{"class":743},"\"sm\"",[721,2550,2551],{"class":726},">Sign up\u003C\u002F",[721,2553,2540],{"class":730},[721,2555,1856],{"class":726},[721,2557,2558,2560,2562],{"class":723,"line":1395},[721,2559,2322],{"class":726},[721,2561,2019],{"class":730},[721,2563,1856],{"class":726},[721,2565,2566,2568,2570],{"class":723,"line":1549},[721,2567,2002],{"class":726},[721,2569,731],{"class":730},[721,2571,1856],{"class":726},[696,2573,2574],{},"These same slots work identically in vertical mode.",[808,2576,2578,2579],{"id":2577},"custom-ui","Custom ",[699,2580,2581],{},":ui",[696,2583,2584,2585,2588],{},"Global and scoped recipe overrides use ",[699,2586,2587],{},"ui.navigationMenu",". The recursive\naccordion and collapsed flyout renderers intentionally consume that same key;\nthey are implementation details rather than separate theme surfaces.",[696,2590,2591,2592,2594],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[699,2593,376],{},"'s own theme file:",[2596,2597],"theme-source",{"name":2598},"navigation-menu",[691,2600,2602],{"id":2601},"props","Props",[2604,2605,2606,2622],"table",{},[2607,2608,2609],"thead",{},[2610,2611,2612,2616,2619],"tr",{},[2613,2614,2615],"th",{},"Prop",[2613,2617,2618],{},"Type",[2613,2620,2621],{},"Default",[2623,2624,2625,2640,2657,2673,2694,2710,2726,2741,2755,2771,2786,2800],"tbody",{},[2610,2626,2627,2632,2637],{},[2628,2629,2630],"td",{},[699,2631,701],{},[2628,2633,2634],{},[699,2635,2636],{},"NavigationMenuItem[]",[2628,2638,2639],{},"- (required)",[2610,2641,2642,2647,2652],{},[2628,2643,2644],{},[699,2645,2646],{},"orientation",[2628,2648,2649],{},[699,2650,2651],{},"'horizontal' | 'vertical'",[2628,2653,2654],{},[699,2655,2656],{},"'horizontal'",[2610,2658,2659,2664,2668],{},[2628,2660,2661],{},[699,2662,2663],{},"contentOrientation",[2628,2665,2666],{},[699,2667,2651],{},[2628,2669,2670],{},[699,2671,2672],{},"'vertical'",[2610,2674,2675,2679,2689],{},[2628,2676,2677],{},[699,2678,1053],{},[2628,2680,2681,2684,2685,2688],{},[699,2682,2683],{},"NavigationMenuPositioning"," (",[699,2686,2687],{},"{ align?: 'start' | 'center' | 'end' }",")",[2628,2690,2691],{},[699,2692,2693],{},"{ align: 'center' }",[2610,2695,2696,2700,2705],{},[2628,2697,2698],{},[699,2699,2063],{},[2628,2701,2702],{},[954,2703,2704],{"href":84},"ColorRole",[2628,2706,2707],{},[699,2708,2709],{},"'primary'",[2610,2711,2712,2716,2721],{},[2628,2713,2714],{},[699,2715,1658],{},[2628,2717,2718],{},[699,2719,2720],{},"'pill' | 'link'",[2628,2722,2723],{},[699,2724,2725],{},"'pill'",[2610,2727,2728,2732,2737],{},[2628,2729,2730],{},[699,2731,1708],{},[2628,2733,2734],{},[699,2735,2736],{},"boolean",[2628,2738,2739],{},[699,2740,1361],{},[2610,2742,2743,2747,2751],{},[2628,2744,2745],{},[699,2746,1227],{},[2628,2748,2749],{},[699,2750,2736],{},[2628,2752,2753],{},[699,2754,1361],{},[2610,2756,2757,2762,2767],{},[2628,2758,2759],{},[699,2760,2761],{},"collapsedGroups",[2628,2763,2764],{},[699,2765,2766],{},"'separator' | 'spacing' | 'none'",[2628,2768,2769],{},[699,2770,1517],{},[2610,2772,2773,2777,2782],{},[2628,2774,2775],{},[699,2776,1287],{},[2628,2778,2779],{},[699,2780,2781],{},"boolean | TooltipProps",[2628,2783,2784],{},[699,2785,1361],{},[2610,2787,2788,2792,2797],{},[2628,2789,2790],{},[699,2791,1101],{},[2628,2793,2794],{},[699,2795,2796],{},"NavigationMenuPopover",[2628,2798,2799],{},"-",[2610,2801,2802,2806,2811],{},[2628,2803,2804],{},[699,2805,1417],{},[2628,2807,2808],{},[699,2809,2810],{},"Partial\u003CRecord\u003CNavigationMenuSlot, string | object>>",[2628,2812,2799],{},[696,2814,2815,1763],{},[699,2816,2817],{},"NavigationMenuItem",[2604,2819,2820,2832],{},[2607,2821,2822],{},[2610,2823,2824,2827,2829],{},[2613,2825,2826],{},"Field",[2613,2828,2618],{},[2613,2830,2831],{},"Description",[2623,2833,2834,2848,2861,2874,2887,2900,2913,2937,2951,2964,2981,2996],{},[2610,2835,2836,2840,2845],{},[2628,2837,2838],{},[699,2839,705],{},[2628,2841,2842],{},[699,2843,2844],{},"string",[2628,2846,2847],{},"Required.",[2610,2849,2850,2854,2858],{},[2628,2851,2852],{},[699,2853,816],{},[2628,2855,2856],{},[699,2857,2844],{},[2628,2859,2860],{},"Rendered before the label.",[2610,2862,2863,2867,2871],{},[2628,2864,2865],{},[699,2866,1119],{},[2628,2868,2869],{},[699,2870,2844],{},[2628,2872,2873],{},"Route path for a leaf item.",[2610,2875,2876,2880,2884],{},[2628,2877,2878],{},[699,2879,1754],{},[2628,2881,2882],{},[699,2883,2736],{},[2628,2885,2886],{},"Visible but non-interactive.",[2610,2888,2889,2893,2897],{},[2628,2890,2891],{},[699,2892,1123],{},[2628,2894,2895],{},[699,2896,2736],{},[2628,2898,2899],{},"Overrides the auto-detected route match.",[2610,2901,2902,2906,2910],{},[2628,2903,2904],{},[699,2905,871],{},[2628,2907,2908],{},[699,2909,2636],{},[2628,2911,2912],{},"One level for horizontal; arbitrary depth for vertical.",[2610,2914,2915,2920,2924],{},[2628,2916,2917],{},[699,2918,2919],{},"description",[2628,2921,2922],{},[699,2923,2844],{},[2628,2925,2926,2927,6,2930,2932,2933,2936],{},"Not read by NavigationMenu's own default rendering - carried purely so a custom ",[699,2928,2929],{},"#item-content",[699,2931,2348],{}," slot override can display one (a \"mega menu\" style description under each link, say) - see ",[954,2934,2132],{"href":2935},"#customizing-content",", whose own live example already renders this field.",[2610,2938,2939,2943,2948],{},[2628,2940,2941],{},[699,2942,1758],{},[2628,2944,2945],{},[699,2946,2947],{},"(event: Event) => void",[2628,2949,2950],{},"Fired when a leaf item is activated.",[2610,2952,2953,2957,2961],{},[2628,2954,2955],{},[699,2956,1810],{},[2628,2958,2959],{},[699,2960,2844],{},[2628,2962,2963],{},"Displays a Kbd hint beside the item.",[2610,2965,2966,2971,2975],{},[2628,2967,2968],{},[699,2969,2970],{},"hotkey",[2628,2972,2973],{},[699,2974,2736],{},[2628,2976,2977,2978,2980],{},"Binds ",[699,2979,1810],{}," page-wide, except while typing in a field.",[2610,2982,2983,2987,2991],{},[2628,2984,2985],{},[699,2986,2344],{},[2628,2988,2989],{},[699,2990,2844],{},[2628,2992,2993,2994,2060],{},"Targets this item's own named slots ahead of the generic ones - see ",[954,2995,2132],{"href":2935},[2610,2997,2998,3002,3007],{},[2628,2999,3000],{},[699,3001,1654],{},[2628,3003,3004],{},[699,3005,3006],{},"'link' | 'label' | 'separator'",[2628,3008,3009,3012,3013,2060],{},[699,3010,3011],{},"'link'"," unless set - see ",[954,3014,1425],{"href":3015},"#labels-and-separators",[691,3017,3019],{"id":3018},"slots","Slots",[2604,3021,3022,3034],{},[2607,3023,3024],{},[2610,3025,3026,3029,3032],{},[2613,3027,3028],{},"Slot",[2613,3030,3031],{},"Scope",[2613,3033,2831],{},[2623,3035,3036,3050,3063,3079,3092,3105,3116],{},[2610,3037,3038,3042,3047],{},[2628,3039,3040],{},[699,3041,2148],{},[2628,3043,3044],{},[699,3045,3046],{},"{ item, active }",[2628,3048,3049],{},"Replaces an item's entire content (icon+label, or icon+label+chevron for a trigger)",[2610,3051,3052,3056,3060],{},[2628,3053,3054],{},[699,3055,2138],{},[2628,3057,3058],{},[699,3059,3046],{},[2628,3061,3062],{},"Replaces the leading icon",[2610,3064,3065,3069,3073],{},[2628,3066,3067],{},[699,3068,2141],{},[2628,3070,3071],{},[699,3072,3046],{},[2628,3074,3075,3076,3078],{},"Replaces the label text - also the only slot a ",[699,3077,1431],{}," item uses",[2610,3080,3081,3085,3089],{},[2628,3082,3083],{},[699,3084,2144],{},[2628,3086,3087],{},[699,3088,3046],{},[2628,3090,3091],{},"Replaces the trailing content (the chevron, for a trigger)",[2610,3093,3094,3098,3102],{},[2628,3095,3096],{},[699,3097,2152],{},[2628,3099,3100],{},[699,3101,2223],{},[2628,3103,3104],{},"Replaces an entire dropdown\u002Faccordion body",[2610,3106,3107,3111,3113],{},[2628,3108,3109],{},[699,3110,2448],{},[2628,3112,2799],{},[2628,3114,3115],{},"Rendered before the item list",[2610,3117,3118,3122,3124],{},[2628,3119,3120],{},[699,3121,2451],{},[2628,3123,2799],{},[2628,3125,3126],{},"Rendered after the item list",[696,3128,3129,3130,3133,3134,2060],{},"Every slot above also has a per-item form via ",[699,3131,3132],{},"item.slot"," - see\n",[954,3135,2132],{"href":2935},[3137,3138,3139],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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 .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":717,"searchDepth":768,"depth":768,"links":3141},[3142,3160,3161],{"id":693,"depth":750,"text":694,"children":3143},[3144,3145,3146,3147,3148,3149,3150,3151,3152,3153,3154,3155,3156,3157,3158],{"id":810,"depth":768,"text":42},{"id":864,"depth":768,"text":865},{"id":1004,"depth":768,"text":1005},{"id":1112,"depth":768,"text":1113},{"id":1176,"depth":768,"text":957},{"id":1227,"depth":768,"text":1228},{"id":1280,"depth":768,"text":1281},{"id":1424,"depth":768,"text":1425},{"id":1658,"depth":768,"text":1659},{"id":1708,"depth":768,"text":1709},{"id":1748,"depth":768,"text":1749},{"id":1804,"depth":768,"text":1805},{"id":2063,"depth":768,"text":2064},{"id":2131,"depth":768,"text":2132},{"id":2577,"depth":768,"text":3159},"Custom :ui",{"id":2601,"depth":750,"text":2602},{"id":3018,"depth":750,"text":3019},"A horizontal or vertical navigation bar built on Reka UI's NavigationMenu primitive.","md",{},{"title":376,"description":3162},"mCJ8XkUfH9cMvkmpkQhPUKAMxa1ThfEesr1_MJcwV6o",{"id":3168,"title":376,"aside":686,"body":3169,"collapse":10,"description":5296,"editLink":686,"extension":3163,"icon":9,"issueLink":686,"meta":5297,"navBadges":9,"navigation":9,"order":379,"path":5298,"prevNext":686,"seo":5299,"stem":5300,"toc":686,"__hash__":5301},"docs\u002Fid\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu.md",{"type":688,"value":3170,"toc":5275},[3171,3175,3183,3185,3249,3253,3259,3261,3297,3301,3307,3309,3373,3379,3385,3387,3417,3421,3430,3432,3478,3494,3506,3510,3528,3530,3562,3564,3569,3571,3601,3604,3606,3608,3616,3618,3652,3656,3671,3755,3764,3776,3780,3791,3793,3899,3914,3954,3964,3982,3984,3992,3994,4024,4026,4031,4033,4059,4063,4073,4075,4107,4109,4126,4128,4312,4320,4324,4344,4346,4376,4380,4396,4411,4413,4553,4572,4648,4655,4765,4768,4772,4778,4784,4786,4788,4967,4971,5160,5162,5265,5273],[691,3172,3174],{"id":3173},"penggunaan","Penggunaan",[696,3176,3177,3179,3180,3182],{},[699,3178,701],{}," adalah array datar - ",[699,3181,705],{}," diperlukan, sisanya opsional:",[708,3184],{"name":710},[712,3186,3187],{"className":714,"code":715,"language":716,"meta":717,"style":717},[699,3188,3189,3205,3217,3229,3241],{"__ignoreMap":717},[721,3190,3191,3193,3195,3197,3199,3201,3203],{"class":723,"line":8},[721,3192,727],{"class":726},[721,3194,731],{"class":730},[721,3196,734],{"class":726},[721,3198,701],{"class":737},[721,3200,740],{"class":726},[721,3202,744],{"class":743},[721,3204,747],{"class":726},[721,3206,3207,3209,3211,3213,3215],{"class":723,"line":750},[721,3208,753],{"class":726},[721,3210,756],{"class":743},[721,3212,759],{"class":726},[721,3214,762],{"class":743},[721,3216,765],{"class":726},[721,3218,3219,3221,3223,3225,3227],{"class":723,"line":768},[721,3220,753],{"class":726},[721,3222,773],{"class":743},[721,3224,759],{"class":726},[721,3226,778],{"class":743},[721,3228,765],{"class":726},[721,3230,3231,3233,3235,3237,3239],{"class":723,"line":783},[721,3232,753],{"class":726},[721,3234,788],{"class":743},[721,3236,759],{"class":726},[721,3238,793],{"class":743},[721,3240,765],{"class":726},[721,3242,3243,3245,3247],{"class":723,"line":798},[721,3244,801],{"class":726},[721,3246,744],{"class":743},[721,3248,806],{"class":726},[808,3250,3252],{"id":3251},"ikon","Ikon",[696,3254,3255,3256,3258],{},"Berikan item ",[699,3257,816],{}," dan ia merender sebelum label-nya:",[708,3260],{"name":820},[712,3262,3263],{"className":714,"code":823,"language":716,"meta":717,"style":717},[699,3264,3265],{"__ignoreMap":717},[721,3266,3267,3269,3271,3273,3275,3277,3279,3281,3283,3285,3287,3289,3291,3293,3295],{"class":723,"line":8},[721,3268,727],{"class":726},[721,3270,731],{"class":730},[721,3272,734],{"class":726},[721,3274,701],{"class":737},[721,3276,740],{"class":726},[721,3278,744],{"class":743},[721,3280,842],{"class":726},[721,3282,756],{"class":743},[721,3284,847],{"class":726},[721,3286,850],{"class":743},[721,3288,759],{"class":726},[721,3290,762],{"class":743},[721,3292,857],{"class":726},[721,3294,744],{"class":743},[721,3296,806],{"class":726},[808,3298,3300],{"id":3299},"dengan-children","Dengan children",[696,3302,3303,3304,3306],{},"Item dengan ",[699,3305,871],{}," merender sebagai trigger alih-alih link - mengklik (atau hover) membuka dropdown. Dropdown terbuka merender dalam satu viewport bersama di dalam NavigationMenu. Secara default, panel adalah daftar single-column kompak di bawah trigger aktifnya. Viewport mengubah ukuran saat Anda bergerak antar item top-level:",[708,3308],{"name":875},[712,3310,3311],{"className":714,"code":878,"language":716,"meta":717,"style":717},[699,3312,3313,3329,3337,3349,3361,3365],{"__ignoreMap":717},[721,3314,3315,3317,3319,3321,3323,3325,3327],{"class":723,"line":8},[721,3316,727],{"class":726},[721,3318,731],{"class":730},[721,3320,734],{"class":726},[721,3322,701],{"class":737},[721,3324,740],{"class":726},[721,3326,744],{"class":743},[721,3328,747],{"class":726},[721,3330,3331,3333,3335],{"class":723,"line":750},[721,3332,753],{"class":726},[721,3334,903],{"class":743},[721,3336,906],{"class":726},[721,3338,3339,3341,3343,3345,3347],{"class":723,"line":768},[721,3340,911],{"class":726},[721,3342,914],{"class":743},[721,3344,759],{"class":726},[721,3346,919],{"class":743},[721,3348,765],{"class":726},[721,3350,3351,3353,3355,3357,3359],{"class":723,"line":783},[721,3352,911],{"class":726},[721,3354,928],{"class":743},[721,3356,759],{"class":726},[721,3358,933],{"class":743},[721,3360,765],{"class":726},[721,3362,3363],{"class":723,"line":798},[721,3364,940],{"class":726},[721,3366,3367,3369,3371],{"class":723,"line":943},[721,3368,801],{"class":726},[721,3370,744],{"class":743},[721,3372,806],{"class":726},[696,3374,3375,3376,3378],{},"Ini hanya satu level children - dropdown shared-viewport milik Reka sendiri tidak dibangun untuk nesting lebih dalam. Untuk tree dengan kedalaman arbitrari, gunakan ",[954,3377,957],{"href":956}," sebagai gantinya.",[696,3380,3381,3382,3384],{},"Untuk panel multi-column yang lebar, atur ",[699,3383,964],{},". Contoh ini menunjukkan layout itu dengan lebih banyak item, children, dan ikon:",[708,3386],{"name":968},[712,3388,3389],{"className":714,"code":971,"language":716,"meta":717,"style":717},[699,3390,3391],{"__ignoreMap":717},[721,3392,3393,3395,3397,3399,3401,3403,3405,3407,3409,3411,3413,3415],{"class":723,"line":8},[721,3394,727],{"class":726},[721,3396,731],{"class":730},[721,3398,734],{"class":726},[721,3400,701],{"class":737},[721,3402,740],{"class":726},[721,3404,744],{"class":743},[721,3406,701],{"class":726},[721,3408,744],{"class":743},[721,3410,994],{"class":737},[721,3412,740],{"class":726},[721,3414,999],{"class":743},[721,3416,806],{"class":726},[808,3418,3420],{"id":3419},"orientasi-dan-alignment-konten","Orientasi dan alignment konten",[696,3422,3423,3424,3426,3427,3429],{},"Untuk navigation bar horizontal, ",[699,3425,1011],{}," adalah default: dropdown single-column kompak di bawah trigger aktifnya. ",[699,3428,964],{}," beralih ke dropdown multi-column full-width. Navigation bar itu sendiri tetap horizontal dalam kedua layout.",[708,3431],{"name":1018},[712,3433,3434],{"className":714,"code":1021,"language":716,"meta":717,"style":717},[699,3435,3436,3442,3456,3474],{"__ignoreMap":717},[721,3437,3438,3440],{"class":723,"line":8},[721,3439,727],{"class":726},[721,3441,1030],{"class":730},[721,3443,3444,3446,3448,3450,3452,3454],{"class":723,"line":750},[721,3445,1035],{"class":726},[721,3447,701],{"class":737},[721,3449,740],{"class":726},[721,3451,744],{"class":743},[721,3453,701],{"class":726},[721,3455,1046],{"class":743},[721,3457,3458,3460,3462,3464,3466,3468,3470,3472],{"class":723,"line":768},[721,3459,1035],{"class":726},[721,3461,1053],{"class":737},[721,3463,740],{"class":726},[721,3465,744],{"class":743},[721,3467,1060],{"class":726},[721,3469,1063],{"class":743},[721,3471,1066],{"class":726},[721,3473,1046],{"class":743},[721,3475,3476],{"class":723,"line":783},[721,3477,1073],{"class":726},[696,3479,3480,3482,3483,1083,3485,3487,3488,3490,3491,3493],{},[699,3481,1078],{}," menerima ",[699,3484,1082],{},[699,3486,1086],{}," (default), atau ",[699,3489,1090],{},". Start dan end mengikuti reading direction, dan panel kompak bergeser di tepi layar agar tetap terlihat. Gunakan ",[699,3492,1094],{}," untuk menyesuaikan lebarnya; viewport mengukur setiap panel yang terbuka dan mengubah ukuran bersamaannya.",[696,3495,3496,3497,3499,3500,3502,3503,3505],{},"Pengaturan ini hanya berlaku untuk horizontal navigation; alignment hanya memengaruhi compact dropdown-nya. Mereka tidak mengubah vertical accordions atau collapsed sidebar flyouts. Konfigurasi flyout tersebut melalui ",[699,3498,1101],{},". ",[699,3501,1053],{}," milik NavigationMenu saat ini hanya mendukung ",[699,3504,1108],{},", bukan set lengkap opsi positioning yang tersedia di Popover dan Dropdown.",[808,3507,3509],{"id":3508},"item-aktif","Item aktif",[696,3511,3512,3513,3515,3516,3518,3519,3521,3522,3524,3525,3527],{},"Item yang ",[699,3514,1119],{}," cocok dengan route saat ini disorot secara otomatis, melalui state ",[699,3517,1123],{}," link nyata milik Reka (",[699,3520,1127],{}," disertakan, bukan hanya class). ",[699,3523,1123],{}," pada item itu sendiri mengoverride nilai auto-detection di kedua arah - berguna untuk route yang tidak dipetakan dengan rapi ke satu item ",[699,3526,1119],{},", atau untuk item non-navigasi yang tetap harus terlihat sebagai current:",[708,3529],{"name":1137},[712,3531,3532],{"className":714,"code":1140,"language":716,"meta":717,"style":717},[699,3533,3534],{"__ignoreMap":717},[721,3535,3536,3538,3540,3542,3544,3546,3548,3550,3552,3554,3556,3558,3560],{"class":723,"line":8},[721,3537,727],{"class":726},[721,3539,731],{"class":730},[721,3541,734],{"class":726},[721,3543,701],{"class":737},[721,3545,740],{"class":726},[721,3547,744],{"class":743},[721,3549,842],{"class":726},[721,3551,773],{"class":743},[721,3553,1163],{"class":726},[721,3555,1167],{"class":1166},[721,3557,857],{"class":726},[721,3559,744],{"class":743},[721,3561,806],{"class":726},[808,3563,957],{"id":1176},[696,3565,3566,3568],{},[699,3567,1181],{}," beralih ke tata letak atas-ke-bawah. Berbeda dengan horizontal dropdown single-level, vertical mendukung nesting arbitrari - setiap level dengan children merender sebagai grup accordion collapsible sendiri, tertutup secara default:",[708,3570],{"name":1185},[712,3572,3573],{"className":714,"code":1188,"language":716,"meta":717,"style":717},[699,3574,3575],{"__ignoreMap":717},[721,3576,3577,3579,3581,3583,3585,3587,3589,3591,3593,3595,3597,3599],{"class":723,"line":8},[721,3578,727],{"class":726},[721,3580,731],{"class":730},[721,3582,734],{"class":726},[721,3584,701],{"class":737},[721,3586,740],{"class":726},[721,3588,744],{"class":743},[721,3590,701],{"class":726},[721,3592,744],{"class":743},[721,3594,1211],{"class":737},[721,3596,740],{"class":726},[721,3598,1216],{"class":743},[721,3600,806],{"class":726},[696,3602,3603],{},"Pada skala yang lebih realistis - sidebar settings\u002Fdocs-style, tiga level dalam, ikon di seluruhnya, mencampur leaf links dengan grup bersarang, plus item aktif dan disabled:",[708,3605],{"name":1224},[808,3607,1228],{"id":1227},[696,3609,3610,3612,3613,3615],{},[699,3611,1227],{}," (vertical saja) menciutkan setiap item hingga hanya ikonnya sendiri - icon rail, bentuk yang umum sidebar nav ambil saat collapsed. Label tetap ada di DOM untuk teknologi asistif (",[699,3614,1236],{},", tidak dihapus), jadi ini CSS-only dan tidak mengubah apa yang diumumkan screen reader. Parent dengan children merender sebagai themed flyout trigger alih-alih baris accordion yang dapat diperluas - tidak ada ruang untuk nested list dalam icon rail, jadi children-nya muncul di popover kecil di samping ikon, pola yang sama seperti collapsed sidebar umumnya gunakan di tempat lain:",[708,3617],{"name":1240},[712,3619,3620],{"className":714,"code":1243,"language":716,"meta":717,"style":717},[699,3621,3622],{"__ignoreMap":717},[721,3623,3624,3626,3628,3630,3632,3634,3636,3638,3640,3642,3644,3646,3648,3650],{"class":723,"line":8},[721,3625,727],{"class":726},[721,3627,731],{"class":730},[721,3629,734],{"class":726},[721,3631,701],{"class":737},[721,3633,740],{"class":726},[721,3635,744],{"class":743},[721,3637,701],{"class":726},[721,3639,744],{"class":743},[721,3641,1211],{"class":737},[721,3643,740],{"class":726},[721,3645,1216],{"class":743},[721,3647,1272],{"class":737},[721,3649,1275],{"class":737},[721,3651,806],{"class":726},[808,3653,3655],{"id":3654},"collapsed-labels-dan-flyouts","Collapsed labels dan flyouts",[696,3657,3658,3659,3661,3662,3664,3665,3667,3668,3670],{},"Tambahkan ",[699,3660,1287],{}," untuk menunjukkan label leaf yang diciutkan saat hover atau keyboard focus. Teks default ke ",[699,3663,1291],{},", lalu ",[699,3666,705],{},". Item disabled, label grup, dan separator tidak menunjukkan tooltip. Menu yang diperluas dan horizontal tidak terpengaruh. Bungkus aplikasi Anda dalam ",[699,3669,1298],{}," untuk menyediakan konteks tooltip bersama.",[712,3672,3673],{"className":714,"code":1302,"language":716,"meta":717,"style":717},[699,3674,3675,3681,3695,3703,3707,3729,3751],{"__ignoreMap":717},[721,3676,3677,3679],{"class":723,"line":8},[721,3678,727],{"class":726},[721,3680,1030],{"class":730},[721,3682,3683,3685,3687,3689,3691,3693],{"class":723,"line":750},[721,3684,1035],{"class":726},[721,3686,701],{"class":737},[721,3688,740],{"class":726},[721,3690,744],{"class":743},[721,3692,701],{"class":726},[721,3694,1046],{"class":743},[721,3696,3697,3699,3701],{"class":723,"line":768},[721,3698,1329],{"class":737},[721,3700,740],{"class":726},[721,3702,1334],{"class":743},[721,3704,3705],{"class":723,"line":783},[721,3706,1339],{"class":737},[721,3708,3709,3711,3713,3715,3717,3719,3721,3723,3725,3727],{"class":723,"line":798},[721,3710,1035],{"class":726},[721,3712,1287],{"class":737},[721,3714,740],{"class":726},[721,3716,744],{"class":743},[721,3718,1352],{"class":726},[721,3720,1355],{"class":1166},[721,3722,1358],{"class":726},[721,3724,1361],{"class":1166},[721,3726,1066],{"class":726},[721,3728,1046],{"class":743},[721,3730,3731,3733,3735,3737,3739,3741,3743,3745,3747,3749],{"class":723,"line":943},[721,3732,1035],{"class":726},[721,3734,1101],{"class":737},[721,3736,740],{"class":726},[721,3738,744],{"class":743},[721,3740,1378],{"class":726},[721,3742,1381],{"class":743},[721,3744,1384],{"class":726},[721,3746,1387],{"class":1166},[721,3748,1390],{"class":726},[721,3750,1046],{"class":743},[721,3752,3753],{"class":723,"line":1395},[721,3754,1073],{"class":726},[696,3756,3757,3758,3760,3761,3763],{},"Gunakan ",[699,3759,1403],{}," pada item untuk menonaktifkannya, atau objek seperti ",[699,3762,1407],{}," untuk mengoverride item itu. Pengaturan tooltip global dan item digabungkan, dengan pengaturan item mengambil prioritas. Tooltip default membuka segera di sisi kanan pada LTR dan kiri pada RTL. Link tetap menjadi trigger, mempertahankan navigasi, shortcut, dan slot item kustom.",[696,3765,3766,3767,3769,3770,3772,3773,3775],{},"Item dengan children tetap mempertahankan child flyout daripada menambahkan tooltip yang bersaing. ",[699,3768,1101],{}," mengonfigurasi sisi, alignment, positioning, portal, arrow, dan ",[699,3771,1417],{},"; ",[699,3774,1101],{}," pada item mengoverride pengaturan menu. Flyouts tetap diaktifkan dan mempertahankan perilaku hover, klik, dan keyboard. Sisi default juga mengikuti text direction.",[808,3777,3779],{"id":3778},"labels-dan-separators","Labels dan separators",[696,3781,3782,3783,6,3785,3787,3788,3790],{},"Item dapat menjadi link nyata (default), atau ",[699,3784,1431],{},[699,3786,1434],{}," sebagai gantinya - section heading non-interaktif dan garis divider tipis, masing-masing. Keduanya hanyalah item dalam array datar yang sama, bukan struktur wrapping - \"grup\" tidak lebih dari item ",[699,3789,705],{}," diikuti oleh item yang diperkenalkannya:",[708,3792],{"name":1441},[712,3794,3795],{"className":714,"code":1444,"language":716,"meta":717,"style":717},[699,3796,3797,3813,3825,3837,3849,3861,3873,3885],{"__ignoreMap":717},[721,3798,3799,3801,3803,3805,3807,3809,3811],{"class":723,"line":8},[721,3800,727],{"class":726},[721,3802,731],{"class":730},[721,3804,734],{"class":726},[721,3806,701],{"class":737},[721,3808,740],{"class":726},[721,3810,744],{"class":743},[721,3812,747],{"class":726},[721,3814,3815,3817,3819,3821,3823],{"class":723,"line":750},[721,3816,753],{"class":726},[721,3818,1469],{"class":743},[721,3820,1472],{"class":726},[721,3822,1475],{"class":743},[721,3824,765],{"class":726},[721,3826,3827,3829,3831,3833,3835],{"class":723,"line":768},[721,3828,753],{"class":726},[721,3830,1484],{"class":743},[721,3832,759],{"class":726},[721,3834,1489],{"class":743},[721,3836,765],{"class":726},[721,3838,3839,3841,3843,3845,3847],{"class":723,"line":783},[721,3840,753],{"class":726},[721,3842,1498],{"class":743},[721,3844,759],{"class":726},[721,3846,1503],{"class":743},[721,3848,765],{"class":726},[721,3850,3851,3853,3855,3857,3859],{"class":723,"line":798},[721,3852,753],{"class":726},[721,3854,1512],{"class":743},[721,3856,1472],{"class":726},[721,3858,1517],{"class":743},[721,3860,765],{"class":726},[721,3862,3863,3865,3867,3869,3871],{"class":723,"line":943},[721,3864,753],{"class":726},[721,3866,1526],{"class":743},[721,3868,1472],{"class":726},[721,3870,1475],{"class":743},[721,3872,765],{"class":726},[721,3874,3875,3877,3879,3881,3883],{"class":723,"line":1395},[721,3876,753],{"class":726},[721,3878,1539],{"class":743},[721,3880,759],{"class":726},[721,3882,1544],{"class":743},[721,3884,765],{"class":726},[721,3886,3887,3889,3891,3893,3895,3897],{"class":723,"line":1549},[721,3888,801],{"class":726},[721,3890,744],{"class":743},[721,3892,1211],{"class":737},[721,3894,740],{"class":726},[721,3896,1216],{"class":743},[721,3898,806],{"class":726},[696,3900,3901,3902,3904,3905,3907,3908,3910,3911,3913],{},"Dalam vertical rail yang diciutkan, heading tetap ada di DOM tetapi disembunyikan secara visual. Secara default, ",[699,3903,1567],{}," menambahkan garis tipis antar bagian yang berisi. Gunakan ",[699,3906,1571],{}," untuk gap atau ",[699,3909,1575],{}," untuk tidak ada batas otomatis. Array ",[699,3912,701],{}," yang sama berfungsi saat expand dan collapse. Separator eksplisit masih menggambar garis dalam ketiga mode; rails yang diciutkan menghapus separator leading, trailing, dan berulang. Bagian kosong tidak menambahkan batas terlihat. Menu horizontal tidak berubah.",[712,3915,3916],{"className":714,"code":1582,"language":716,"meta":717,"style":717},[699,3917,3918],{"__ignoreMap":717},[721,3919,3920,3922,3924,3926,3928,3930,3932,3934,3936,3938,3940,3942,3944,3946,3948,3950,3952],{"class":723,"line":8},[721,3921,727],{"class":726},[721,3923,731],{"class":730},[721,3925,734],{"class":726},[721,3927,701],{"class":737},[721,3929,740],{"class":726},[721,3931,744],{"class":743},[721,3933,701],{"class":726},[721,3935,744],{"class":743},[721,3937,1211],{"class":737},[721,3939,740],{"class":726},[721,3941,1216],{"class":743},[721,3943,1272],{"class":737},[721,3945,1613],{"class":737},[721,3947,740],{"class":726},[721,3949,1571],{"class":743},[721,3951,1275],{"class":737},[721,3953,806],{"class":726},[696,3955,3757,3956,1083,3958,3960,3961,3963],{},[699,3957,1627],{},[699,3959,1630],{},", dan ",[699,3962,1634],{}," untuk menyesuaikan garis, gap, dan heading yang disembunyikan secara visual. Tidak ada yang menjadi fokusable menu actions; label link dan tooltip mempertahankan perilaku mereka yang ada.",[696,3965,3966,3967,3969,3970,3972,3973,3975,3976,3978,3979,3981],{},"Item ",[699,3968,1641],{}," masih membutuhkan ",[699,3971,705],{}," yang unik meskipun tidak pernah ditampilkan - setiap ",[699,3974,705],{}," item berfungsi ganda sebagai list key-nya. Top-level saja: array ",[699,3977,871],{}," tidak memeriksa ",[699,3980,1654],{},", jadi tree bersarang tidak dapat mengelompokkan children-nya sendiri di bawah sub-heading.",[808,3983,1659],{"id":1658},[696,3985,3986,3988,3989,3991],{},[699,3987,1664],{}," (default) memberi item aktif background yang terisi; ",[699,3990,1668],{}," hanya mengubah warna teks, tanpa background:",[708,3993],{"name":1672},[712,3995,3996],{"className":714,"code":1675,"language":716,"meta":717,"style":717},[699,3997,3998],{"__ignoreMap":717},[721,3999,4000,4002,4004,4006,4008,4010,4012,4014,4016,4018,4020,4022],{"class":723,"line":8},[721,4001,727],{"class":726},[721,4003,731],{"class":730},[721,4005,734],{"class":726},[721,4007,701],{"class":737},[721,4009,740],{"class":726},[721,4011,744],{"class":743},[721,4013,701],{"class":726},[721,4015,744],{"class":743},[721,4017,1698],{"class":737},[721,4019,740],{"class":726},[721,4021,1703],{"class":743},[721,4023,806],{"class":726},[808,4025,1709],{"id":1708},[696,4027,4028,4030],{},[699,4029,1708],{}," menggambar bar kecil di samping item aktif, selain color styling-nya sendiri - garis di bawahnya dalam horizontal, atau di sampingnya dalam vertical:",[708,4032],{"name":1717},[712,4034,4035],{"className":714,"code":1720,"language":716,"meta":717,"style":717},[699,4036,4037],{"__ignoreMap":717},[721,4038,4039,4041,4043,4045,4047,4049,4051,4053,4055,4057],{"class":723,"line":8},[721,4040,727],{"class":726},[721,4042,731],{"class":730},[721,4044,734],{"class":726},[721,4046,701],{"class":737},[721,4048,740],{"class":726},[721,4050,744],{"class":743},[721,4052,701],{"class":726},[721,4054,744],{"class":743},[721,4056,1743],{"class":737},[721,4058,806],{"class":726},[808,4060,4062],{"id":4061},"item-disabled","Item disabled",[696,4064,4065,4067,4068,4070,4071,1763],{},[699,4066,1754],{}," pada item membuatnya tetap terlihat tetapi non-interaktif - tidak ada navigasi, tidak ada ",[699,4069,1758],{},", ditandai ",[699,4072,1762],{},[708,4074],{"name":1766},[712,4076,4077],{"className":714,"code":1769,"language":716,"meta":717,"style":717},[699,4078,4079],{"__ignoreMap":717},[721,4080,4081,4083,4085,4087,4089,4091,4093,4095,4097,4099,4101,4103,4105],{"class":723,"line":8},[721,4082,727],{"class":726},[721,4084,731],{"class":730},[721,4086,734],{"class":726},[721,4088,701],{"class":737},[721,4090,740],{"class":726},[721,4092,744],{"class":743},[721,4094,842],{"class":726},[721,4096,1790],{"class":743},[721,4098,1793],{"class":726},[721,4100,1167],{"class":1166},[721,4102,857],{"class":726},[721,4104,744],{"class":743},[721,4106,806],{"class":726},[808,4108,1805],{"id":1804},[696,4110,4111,4113,4114,4116,4117,4119,4120,4122,4123,4125],{},[699,4112,1810],{}," menampilkan petunjuk Kbd di samping leaf item. Atur ",[699,4115,1814],{}," untuk mengikatnya, sehingga key mengaktifkan item itu dari mana saja di halaman. Ia tetap nonaktif saat seseorang mengetik di field. ",[699,4118,1818],{}," memetakan ke ⌘ pada macOS dan Ctrl pada platform lain. Leaf dapat menavigasi dengan ",[699,4121,1119],{}," atau menjalankan ",[699,4124,1758],{}," seperti tombol.",[708,4127],{"name":1828},[712,4129,4130],{"className":1831,"code":1832,"language":1833,"meta":717,"style":717},[699,4131,4132,4148,4164,4174,4204,4234,4260,4264,4272,4276,4284,4304],{"__ignoreMap":717},[721,4133,4134,4136,4138,4140,4142,4144,4146],{"class":723,"line":8},[721,4135,727],{"class":726},[721,4137,1842],{"class":730},[721,4139,1845],{"class":737},[721,4141,1848],{"class":737},[721,4143,740],{"class":726},[721,4145,1853],{"class":743},[721,4147,1856],{"class":726},[721,4149,4150,4152,4154,4156,4158,4160,4162],{"class":723,"line":750},[721,4151,1862],{"class":1861},[721,4153,1865],{"class":1166},[721,4155,1868],{"class":1861},[721,4157,1871],{"class":737},[721,4159,1874],{"class":726},[721,4161,1877],{"class":743},[721,4163,1880],{"class":726},[721,4165,4166,4168,4170,4172],{"class":723,"line":768},[721,4167,1862],{"class":1861},[721,4169,1887],{"class":1166},[721,4171,1868],{"class":1861},[721,4173,1892],{"class":726},[721,4175,4176,4178,4180,4182,4184,4186,4188,4190,4192,4194,4196,4198,4200,4202],{"class":723,"line":783},[721,4177,753],{"class":726},[721,4179,1899],{"class":743},[721,4181,1902],{"class":726},[721,4183,1905],{"class":743},[721,4185,1908],{"class":726},[721,4187,1167],{"class":1166},[721,4189,1083],{"class":726},[721,4191,1758],{"class":737},[721,4193,1917],{"class":726},[721,4195,1920],{"class":1861},[721,4197,1923],{"class":726},[721,4199,740],{"class":1861},[721,4201,1928],{"class":743},[721,4203,765],{"class":726},[721,4205,4206,4208,4210,4212,4214,4216,4218,4220,4222,4224,4226,4228,4230,4232],{"class":723,"line":798},[721,4207,753],{"class":726},[721,4209,1937],{"class":743},[721,4211,1902],{"class":726},[721,4213,1942],{"class":743},[721,4215,1908],{"class":726},[721,4217,1167],{"class":1166},[721,4219,1083],{"class":726},[721,4221,1758],{"class":737},[721,4223,1917],{"class":726},[721,4225,1920],{"class":1861},[721,4227,1923],{"class":726},[721,4229,740],{"class":1861},[721,4231,1961],{"class":743},[721,4233,765],{"class":726},[721,4235,4236,4238,4240,4242,4244,4246,4248,4250,4252,4254,4256,4258],{"class":723,"line":943},[721,4237,753],{"class":726},[721,4239,1970],{"class":743},[721,4241,1902],{"class":726},[721,4243,1975],{"class":743},[721,4245,1083],{"class":726},[721,4247,1758],{"class":737},[721,4249,1917],{"class":726},[721,4251,1920],{"class":1861},[721,4253,1923],{"class":726},[721,4255,740],{"class":1861},[721,4257,1990],{"class":743},[721,4259,765],{"class":726},[721,4261,4262],{"class":723,"line":1395},[721,4263,1997],{"class":726},[721,4265,4266,4268,4270],{"class":723,"line":1549},[721,4267,2002],{"class":726},[721,4269,1842],{"class":730},[721,4271,1856],{"class":726},[721,4273,4274],{"class":723,"line":2009},[721,4275,2012],{"emptyLinePlaceholder":686},[721,4277,4278,4280,4282],{"class":723,"line":13},[721,4279,727],{"class":726},[721,4281,2019],{"class":730},[721,4283,1856],{"class":726},[721,4285,4286,4288,4290,4292,4294,4296,4298,4300,4302],{"class":723,"line":151},[721,4287,2026],{"class":726},[721,4289,731],{"class":730},[721,4291,734],{"class":726},[721,4293,701],{"class":737},[721,4295,740],{"class":726},[721,4297,744],{"class":743},[721,4299,701],{"class":726},[721,4301,744],{"class":743},[721,4303,806],{"class":726},[721,4305,4306,4308,4310],{"class":723,"line":170},[721,4307,2002],{"class":726},[721,4309,2019],{"class":730},[721,4311,1856],{"class":726},[696,4313,4314,4315,4317,4318,2060],{},"Tekan ⌘1 atau ⌘2 (Ctrl pada platform lain) untuk memilih item. ",[699,4316,2056],{}," menunjukkan petunjuk tetapi tidak mengikat key karena menghilangkan ",[699,4319,1814],{},[808,4321,4323],{"id":4322},"warna","Warna",[696,4325,4326,4328,4329,1083,4331,1083,4333,1083,4335,1083,4337,1083,4339,1083,4341,4343],{},[699,4327,2063],{}," mengikuti palet yang sama seperti setiap komponen lain di sini (",[699,4330,2072],{},[699,4332,2075],{},[699,4334,2078],{},[699,4336,2081],{},[699,4338,2084],{},[699,4340,2087],{},[699,4342,2091],{},") dan hanya memengaruhi item aktif:",[708,4345],{"name":2095},[712,4347,4348],{"className":714,"code":2098,"language":716,"meta":717,"style":717},[699,4349,4350],{"__ignoreMap":717},[721,4351,4352,4354,4356,4358,4360,4362,4364,4366,4368,4370,4372,4374],{"class":723,"line":8},[721,4353,727],{"class":726},[721,4355,731],{"class":730},[721,4357,734],{"class":726},[721,4359,701],{"class":737},[721,4361,740],{"class":726},[721,4363,744],{"class":743},[721,4365,701],{"class":726},[721,4367,744],{"class":743},[721,4369,2121],{"class":737},[721,4371,740],{"class":726},[721,4373,2126],{"class":743},[721,4375,806],{"class":726},[808,4377,4379],{"id":4378},"kustomisasi-konten","Kustomisasi konten",[696,4381,4382,4383,6,4385,6,4387,4389,4390,4392,4393,4395],{},"Setiap tempat rendering memiliki slot yang cocok, di-scope dengan data item itu sendiri - ",[699,4384,2138],{},[699,4386,2141],{},[699,4388,2144],{}," menggantikan satu bagian sekaligus, ",[699,4391,2148],{}," menggantikan seluruh konten item, dan ",[699,4394,2152],{}," menggantikan seluruh body dropdown, memungkinkan Anda membangun mega menu multi-column yang sesungguhnya daripada daftar single-column default:",[696,4397,4398,4399,4401,4402,4404,4405,4407,4408,4410],{},"Buka ",[2158,4400,2160],{}," untuk melihat layout ",[699,4403,2152],{}," umum, atau ",[2158,4406,2056],{}," untuk melihat override ",[699,4409,2170],{}," per-item.",[708,4412],{"name":2174},[712,4414,4415],{"className":714,"code":2177,"language":716,"meta":717,"style":717},[699,4416,4417,4443,4463,4477,4497,4521,4529,4537,4545],{"__ignoreMap":717},[721,4418,4419,4421,4423,4425,4427,4429,4431,4433,4435,4437,4439,4441],{"class":723,"line":8},[721,4420,727],{"class":726},[721,4422,731],{"class":730},[721,4424,734],{"class":726},[721,4426,701],{"class":737},[721,4428,740],{"class":726},[721,4430,744],{"class":743},[721,4432,701],{"class":726},[721,4434,744],{"class":743},[721,4436,994],{"class":737},[721,4438,740],{"class":726},[721,4440,999],{"class":743},[721,4442,1856],{"class":726},[721,4444,4445,4447,4449,4451,4453,4455,4457,4459,4461],{"class":723,"line":750},[721,4446,2026],{"class":726},[721,4448,2019],{"class":730},[721,4450,2214],{"class":726},[721,4452,2152],{"class":737},[721,4454,740],{"class":726},[721,4456,744],{"class":743},[721,4458,2223],{"class":726},[721,4460,744],{"class":743},[721,4462,1856],{"class":726},[721,4464,4465,4467,4469,4471,4473,4475],{"class":723,"line":768},[721,4466,2232],{"class":726},[721,4468,2235],{"class":730},[721,4470,2238],{"class":737},[721,4472,740],{"class":726},[721,4474,2243],{"class":743},[721,4476,1856],{"class":726},[721,4478,4479,4481,4483,4485,4487,4489,4491,4493,4495],{"class":723,"line":783},[721,4480,2250],{"class":726},[721,4482,2253],{"class":730},[721,4484,2256],{"class":737},[721,4486,740],{"class":726},[721,4488,2261],{"class":743},[721,4490,2264],{"class":737},[721,4492,740],{"class":726},[721,4494,2269],{"class":743},[721,4496,1856],{"class":726},[721,4498,4499,4501,4503,4505,4507,4509,4511,4513,4515,4517,4519],{"class":723,"line":798},[721,4500,2276],{"class":726},[721,4502,2279],{"class":730},[721,4504,734],{"class":726},[721,4506,1119],{"class":737},[721,4508,740],{"class":726},[721,4510,744],{"class":743},[721,4512,2290],{"class":726},[721,4514,744],{"class":743},[721,4516,2295],{"class":726},[721,4518,2279],{"class":730},[721,4520,1856],{"class":726},[721,4522,4523,4525,4527],{"class":723,"line":943},[721,4524,2304],{"class":726},[721,4526,2253],{"class":730},[721,4528,1856],{"class":726},[721,4530,4531,4533,4535],{"class":723,"line":1395},[721,4532,2313],{"class":726},[721,4534,2235],{"class":730},[721,4536,1856],{"class":726},[721,4538,4539,4541,4543],{"class":723,"line":1549},[721,4540,2322],{"class":726},[721,4542,2019],{"class":730},[721,4544,1856],{"class":726},[721,4546,4547,4549,4551],{"class":723,"line":2009},[721,4548,2002],{"class":726},[721,4550,731],{"class":730},[721,4552,1856],{"class":726},[696,4554,4555,4556,4558,4559,4561,4562,4564,4565,6,4567,6,4569,4571],{},"Setiap slot ini juga memiliki bentuk ",[2158,4557,2340],{},": atur ",[699,4560,2344],{}," pada satu item dan ia menargetkan ",[699,4563,2348],{}," (atau ",[699,4566,2352],{},[699,4568,2355],{},[699,4570,2358],{},") sebelum slot umum di atas - berguna ketika hanya satu atau dua item yang membutuhkan konten bespoke dan sisanya puas dengan default:",[712,4573,4574],{"className":714,"code":2362,"language":716,"meta":717,"style":717},[699,4575,4576,4608,4628,4632,4640],{"__ignoreMap":717},[721,4577,4578,4580,4582,4584,4586,4588,4590,4592,4594,4596,4598,4600,4602,4604,4606],{"class":723,"line":8},[721,4579,727],{"class":726},[721,4581,731],{"class":730},[721,4583,734],{"class":726},[721,4585,701],{"class":737},[721,4587,740],{"class":726},[721,4589,744],{"class":743},[721,4591,842],{"class":726},[721,4593,1970],{"class":743},[721,4595,2385],{"class":726},[721,4597,2388],{"class":743},[721,4599,2391],{"class":726},[721,4601,2394],{"class":1861},[721,4603,2397],{"class":726},[721,4605,744],{"class":743},[721,4607,1856],{"class":726},[721,4609,4610,4612,4614,4616,4618,4620,4622,4624,4626],{"class":723,"line":750},[721,4611,2026],{"class":726},[721,4613,2019],{"class":730},[721,4615,2214],{"class":726},[721,4617,2170],{"class":737},[721,4619,740],{"class":726},[721,4621,744],{"class":743},[721,4623,2223],{"class":726},[721,4625,744],{"class":743},[721,4627,1856],{"class":726},[721,4629,4630],{"class":723,"line":768},[721,4631,2427],{"class":2426},[721,4633,4634,4636,4638],{"class":723,"line":783},[721,4635,2322],{"class":726},[721,4637,2019],{"class":730},[721,4639,1856],{"class":726},[721,4641,4642,4644,4646],{"class":723,"line":798},[721,4643,2002],{"class":726},[721,4645,731],{"class":730},[721,4647,1856],{"class":726},[696,4649,4650,6,4652,4654],{},[699,4651,2448],{},[699,4653,2451],{}," duduk di luar daftar item sepenuhnya - berguna untuk logo atau tombol call-to-action di samping menu:",[712,4656,4657],{"className":714,"code":2455,"language":716,"meta":717,"style":717},[699,4658,4659,4679,4691,4711,4719,4731,4749,4757],{"__ignoreMap":717},[721,4660,4661,4663,4665,4667,4669,4671,4673,4675,4677],{"class":723,"line":8},[721,4662,727],{"class":726},[721,4664,731],{"class":730},[721,4666,734],{"class":726},[721,4668,701],{"class":737},[721,4670,740],{"class":726},[721,4672,744],{"class":743},[721,4674,701],{"class":726},[721,4676,744],{"class":743},[721,4678,1856],{"class":726},[721,4680,4681,4683,4685,4687,4689],{"class":723,"line":750},[721,4682,2026],{"class":726},[721,4684,2019],{"class":730},[721,4686,2214],{"class":726},[721,4688,2448],{"class":737},[721,4690,1856],{"class":726},[721,4692,4693,4695,4697,4699,4701,4703,4705,4707,4709],{"class":723,"line":768},[721,4694,2232],{"class":726},[721,4696,2496],{"class":730},[721,4698,2499],{"class":737},[721,4700,740],{"class":726},[721,4702,2504],{"class":743},[721,4704,2238],{"class":737},[721,4706,740],{"class":726},[721,4708,2511],{"class":743},[721,4710,1856],{"class":726},[721,4712,4713,4715,4717],{"class":723,"line":783},[721,4714,2322],{"class":726},[721,4716,2019],{"class":730},[721,4718,1856],{"class":726},[721,4720,4721,4723,4725,4727,4729],{"class":723,"line":798},[721,4722,2026],{"class":726},[721,4724,2019],{"class":730},[721,4726,2214],{"class":726},[721,4728,2451],{"class":737},[721,4730,1856],{"class":726},[721,4732,4733,4735,4737,4739,4741,4743,4745,4747],{"class":723,"line":943},[721,4734,2232],{"class":726},[721,4736,2540],{"class":730},[721,4738,2543],{"class":737},[721,4740,740],{"class":726},[721,4742,2548],{"class":743},[721,4744,2551],{"class":726},[721,4746,2540],{"class":730},[721,4748,1856],{"class":726},[721,4750,4751,4753,4755],{"class":723,"line":1395},[721,4752,2322],{"class":726},[721,4754,2019],{"class":730},[721,4756,1856],{"class":726},[721,4758,4759,4761,4763],{"class":723,"line":1549},[721,4760,2002],{"class":726},[721,4762,731],{"class":730},[721,4764,1856],{"class":726},[696,4766,4767],{},"Slot yang sama bekerja identik dalam mode vertical.",[808,4769,2578,4770],{"id":2577},[699,4771,2581],{},[696,4773,4774,4775,4777],{},"Global dan scoped recipe overrides menggunakan ",[699,4776,2587],{},". Recursive accordion renderer dan collapsed flyout sengaja mengkonsumsi key yang sama; mereka adalah detail implementasi daripada theme surface terpisah.",[696,4779,4780,4781,4783],{},"Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default untuk setiap slot dan varian - berikut adalah file tema ",[699,4782,376],{}," sendiri:",[2596,4785],{"name":2598},[691,4787,2602],{"id":2601},[2604,4789,4790,4801],{},[2607,4791,4792],{},[2610,4793,4794,4796,4799],{},[2613,4795,2615],{},[2613,4797,4798],{},"Tipe",[2613,4800,2621],{},[2623,4802,4803,4815,4829,4843,4859,4873,4887,4901,4915,4929,4943,4955],{},[2610,4804,4805,4809,4813],{},[2628,4806,4807],{},[699,4808,701],{},[2628,4810,4811],{},[699,4812,2636],{},[2628,4814,2639],{},[2610,4816,4817,4821,4825],{},[2628,4818,4819],{},[699,4820,2646],{},[2628,4822,4823],{},[699,4824,2651],{},[2628,4826,4827],{},[699,4828,2656],{},[2610,4830,4831,4835,4839],{},[2628,4832,4833],{},[699,4834,2663],{},[2628,4836,4837],{},[699,4838,2651],{},[2628,4840,4841],{},[699,4842,2672],{},[2610,4844,4845,4849,4855],{},[2628,4846,4847],{},[699,4848,1053],{},[2628,4850,4851,2684,4853,2688],{},[699,4852,2683],{},[699,4854,2687],{},[2628,4856,4857],{},[699,4858,2693],{},[2610,4860,4861,4865,4869],{},[2628,4862,4863],{},[699,4864,2063],{},[2628,4866,4867],{},[954,4868,2704],{"href":84},[2628,4870,4871],{},[699,4872,2709],{},[2610,4874,4875,4879,4883],{},[2628,4876,4877],{},[699,4878,1658],{},[2628,4880,4881],{},[699,4882,2720],{},[2628,4884,4885],{},[699,4886,2725],{},[2610,4888,4889,4893,4897],{},[2628,4890,4891],{},[699,4892,1708],{},[2628,4894,4895],{},[699,4896,2736],{},[2628,4898,4899],{},[699,4900,1361],{},[2610,4902,4903,4907,4911],{},[2628,4904,4905],{},[699,4906,1227],{},[2628,4908,4909],{},[699,4910,2736],{},[2628,4912,4913],{},[699,4914,1361],{},[2610,4916,4917,4921,4925],{},[2628,4918,4919],{},[699,4920,2761],{},[2628,4922,4923],{},[699,4924,2766],{},[2628,4926,4927],{},[699,4928,1517],{},[2610,4930,4931,4935,4939],{},[2628,4932,4933],{},[699,4934,1287],{},[2628,4936,4937],{},[699,4938,2781],{},[2628,4940,4941],{},[699,4942,1361],{},[2610,4944,4945,4949,4953],{},[2628,4946,4947],{},[699,4948,1101],{},[2628,4950,4951],{},[699,4952,2796],{},[2628,4954,2799],{},[2610,4956,4957,4961,4965],{},[2628,4958,4959],{},[699,4960,1417],{},[2628,4962,4963],{},[699,4964,2810],{},[2628,4966,2799],{},[696,4968,4969,1763],{},[699,4970,2817],{},[2604,4972,4973,4984],{},[2607,4974,4975],{},[2610,4976,4977,4979,4981],{},[2613,4978,2826],{},[2613,4980,4798],{},[2613,4982,4983],{},"Deskripsi",[2623,4985,4986,4998,5011,5024,5037,5050,5063,5085,5098,5111,5127,5142],{},[2610,4987,4988,4992,4996],{},[2628,4989,4990],{},[699,4991,705],{},[2628,4993,4994],{},[699,4995,2844],{},[2628,4997,2847],{},[2610,4999,5000,5004,5008],{},[2628,5001,5002],{},[699,5003,816],{},[2628,5005,5006],{},[699,5007,2844],{},[2628,5009,5010],{},"Dirender sebelum label.",[2610,5012,5013,5017,5021],{},[2628,5014,5015],{},[699,5016,1119],{},[2628,5018,5019],{},[699,5020,2844],{},[2628,5022,5023],{},"Route path untuk leaf item.",[2610,5025,5026,5030,5034],{},[2628,5027,5028],{},[699,5029,1754],{},[2628,5031,5032],{},[699,5033,2736],{},[2628,5035,5036],{},"Terlihat tetapi non-interaktif.",[2610,5038,5039,5043,5047],{},[2628,5040,5041],{},[699,5042,1123],{},[2628,5044,5045],{},[699,5046,2736],{},[2628,5048,5049],{},"Mengoverride route match yang terdeteksi otomatis.",[2610,5051,5052,5056,5060],{},[2628,5053,5054],{},[699,5055,871],{},[2628,5057,5058],{},[699,5059,2636],{},[2628,5061,5062],{},"Satu level untuk horizontal; kedalaman arbitrari untuk vertical.",[2610,5064,5065,5069,5073],{},[2628,5066,5067],{},[699,5068,2919],{},[2628,5070,5071],{},[699,5072,2844],{},[2628,5074,5075,5076,6,5078,5080,5081,5084],{},"Tidak dibaca oleh rendering default NavigationMenu - dibawa murni agar custom ",[699,5077,2929],{},[699,5079,2348],{}," slot override dapat menampilkannya (deskripsi di bawah setiap link mega menu, misalnya) - lihat ",[954,5082,4379],{"href":5083},"#kustomisasi-konten",", yang contoh langsungnya sudah merender field ini.",[2610,5086,5087,5091,5095],{},[2628,5088,5089],{},[699,5090,1758],{},[2628,5092,5093],{},[699,5094,2947],{},[2628,5096,5097],{},"Terpicu saat leaf item diaktifkan.",[2610,5099,5100,5104,5108],{},[2628,5101,5102],{},[699,5103,1810],{},[2628,5105,5106],{},[699,5107,2844],{},[2628,5109,5110],{},"Menampilkan petunjuk Kbd di samping item.",[2610,5112,5113,5117,5121],{},[2628,5114,5115],{},[699,5116,2970],{},[2628,5118,5119],{},[699,5120,2736],{},[2628,5122,5123,5124,5126],{},"Mengikat ",[699,5125,1810],{}," di seluruh halaman, kecuali saat mengetik di field.",[2610,5128,5129,5133,5137],{},[2628,5130,5131],{},[699,5132,2344],{},[2628,5134,5135],{},[699,5136,2844],{},[2628,5138,5139,5140,2060],{},"Menargetkan slot named item itu sendiri sebelum slot umum - lihat ",[954,5141,4379],{"href":5083},[2610,5143,5144,5148,5152],{},[2628,5145,5146],{},[699,5147,1654],{},[2628,5149,5150],{},[699,5151,3006],{},[2628,5153,5154,5156,5157,2060],{},[699,5155,3011],{}," kecuali diatur - lihat ",[954,5158,3779],{"href":5159},"#labels-dan-separators",[691,5161,3019],{"id":3018},[2604,5163,5164,5174],{},[2607,5165,5166],{},[2610,5167,5168,5170,5172],{},[2613,5169,3028],{},[2613,5171,3031],{},[2613,5173,4983],{},[2623,5175,5176,5189,5202,5217,5230,5243,5254],{},[2610,5177,5178,5182,5186],{},[2628,5179,5180],{},[699,5181,2148],{},[2628,5183,5184],{},[699,5185,3046],{},[2628,5187,5188],{},"Menggantikan seluruh konten item (icon+label, atau icon+label+chevron untuk trigger)",[2610,5190,5191,5195,5199],{},[2628,5192,5193],{},[699,5194,2138],{},[2628,5196,5197],{},[699,5198,3046],{},[2628,5200,5201],{},"Menggantikan ikon depan",[2610,5203,5204,5208,5212],{},[2628,5205,5206],{},[699,5207,2141],{},[2628,5209,5210],{},[699,5211,3046],{},[2628,5213,5214,5215],{},"Menggantikan teks label - juga satu-satunya slot yang digunakan oleh item ",[699,5216,1431],{},[2610,5218,5219,5223,5227],{},[2628,5220,5221],{},[699,5222,2144],{},[2628,5224,5225],{},[699,5226,3046],{},[2628,5228,5229],{},"Menggantikan trailing content (chevron, untuk trigger)",[2610,5231,5232,5236,5240],{},[2628,5233,5234],{},[699,5235,2152],{},[2628,5237,5238],{},[699,5239,2223],{},[2628,5241,5242],{},"Menggantikan seluruh body dropdown\u002Faccordion",[2610,5244,5245,5249,5251],{},[2628,5246,5247],{},[699,5248,2448],{},[2628,5250,2799],{},[2628,5252,5253],{},"Dirender sebelum daftar item",[2610,5255,5256,5260,5262],{},[2628,5257,5258],{},[699,5259,2451],{},[2628,5261,2799],{},[2628,5263,5264],{},"Dirender setelah daftar item",[696,5266,5267,5268,5270,5271,2060],{},"Setiap slot di atas juga memiliki bentuk per-item melalui ",[699,5269,3132],{}," - lihat ",[954,5272,4379],{"href":5083},[3137,5274,3139],{},{"title":717,"searchDepth":768,"depth":768,"links":5276},[5277,5294,5295],{"id":3173,"depth":750,"text":3174,"children":5278},[5279,5280,5281,5282,5283,5284,5285,5286,5287,5288,5289,5290,5291,5292,5293],{"id":3251,"depth":768,"text":3252},{"id":3299,"depth":768,"text":3300},{"id":3419,"depth":768,"text":3420},{"id":3508,"depth":768,"text":3509},{"id":1176,"depth":768,"text":957},{"id":1227,"depth":768,"text":1228},{"id":3654,"depth":768,"text":3655},{"id":3778,"depth":768,"text":3779},{"id":1658,"depth":768,"text":1659},{"id":1708,"depth":768,"text":1709},{"id":4061,"depth":768,"text":4062},{"id":1804,"depth":768,"text":1805},{"id":4322,"depth":768,"text":4323},{"id":4378,"depth":768,"text":4379},{"id":2577,"depth":768,"text":3159},{"id":2601,"depth":750,"text":2602},{"id":3018,"depth":750,"text":3019},"Navbar horizontal atau vertikal, dibangun di atas primitif NavigationMenu milik Reka UI.",{},"\u002Fid\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu",{"title":376,"description":5296},"id\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","shs4uZkkVpueG2rm0D_7KFqRnXjRdUQI3iPE83ZpOh0",1792925237940]