[{"data":1,"prerenderedAt":3087},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fnavigation\u002Ftabs":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":348},{"en":684,"id":1994},{"id":685,"title":347,"aside":686,"body":687,"collapse":10,"description":1989,"editLink":686,"extension":1990,"icon":9,"issueLink":686,"meta":1991,"navBadges":9,"navigation":9,"order":40,"path":348,"prevNext":686,"seo":1992,"stem":349,"toc":686,"__hash__":1993},"docs\u002Fcomponents\u002Fnavigation\u002Ftabs.md",true,{"type":688,"value":689,"toc":1972},"minimark",[690,695,699,928,932,937,951,954,1113,1116,1126,1129,1222,1226,1240,1243,1286,1290,1296,1299,1337,1372,1456,1475,1479,1493,1496,1545,1549,1560,1611,1615,1648,1656,1663,1669,1675,1679,1683,1842,1846,1877,1881,1954,1968],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697],"component-example",{"name":698},"tabs-basic",[700,701,706],"pre",{"className":702,"code":703,"language":704,"meta":705,"style":705},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst active = ref('one')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSTabs v-model=\"active\" :items=\"[{ label: 'One', value: 'one' }, { label: 'Two', value: 'two' }]\">\n    \u003Ctemplate #one>\n      Tab one content\n    \u003C\u002Ftemplate>\n    \u003Ctemplate #two>\n      Tab two content\n    \u003C\u002Ftemplate>\n  \u003C\u002FSTabs>\n\u003C\u002Ftemplate>\n","vue","",[707,708,709,738,764,774,780,790,851,867,873,883,896,901,909,919],"code",{"__ignoreMap":705},[710,711,713,717,721,725,728,731,735],"span",{"class":712,"line":8},"line",[710,714,716],{"class":715},"sVt8B","\u003C",[710,718,720],{"class":719},"s9eBZ","script",[710,722,724],{"class":723},"sScJk"," setup",[710,726,727],{"class":723}," lang",[710,729,730],{"class":715},"=",[710,732,734],{"class":733},"sZZnC","\"ts\"",[710,736,737],{"class":715},">\n",[710,739,741,745,749,752,755,758,761],{"class":712,"line":740},2,[710,742,744],{"class":743},"szBVR","const",[710,746,748],{"class":747},"sj4cs"," active",[710,750,751],{"class":743}," =",[710,753,754],{"class":723}," ref",[710,756,757],{"class":715},"(",[710,759,760],{"class":733},"'one'",[710,762,763],{"class":715},")\n",[710,765,767,770,772],{"class":712,"line":766},3,[710,768,769],{"class":715},"\u003C\u002F",[710,771,720],{"class":719},[710,773,737],{"class":715},[710,775,777],{"class":712,"line":776},4,[710,778,779],{"emptyLinePlaceholder":686},"\n",[710,781,783,785,788],{"class":712,"line":782},5,[710,784,716],{"class":715},[710,786,787],{"class":719},"template",[710,789,737],{"class":715},[710,791,793,796,799,802,804,807,810,812,815,818,820,822,825,828,831,833,836,839,841,844,847,849],{"class":712,"line":792},6,[710,794,795],{"class":715},"  \u003C",[710,797,798],{"class":719},"STabs",[710,800,801],{"class":723}," v-model",[710,803,730],{"class":715},[710,805,806],{"class":733},"\"",[710,808,809],{"class":715},"active",[710,811,806],{"class":733},[710,813,814],{"class":715}," :",[710,816,817],{"class":723},"items",[710,819,730],{"class":715},[710,821,806],{"class":733},[710,823,824],{"class":715},"[{ label: ",[710,826,827],{"class":733},"'One'",[710,829,830],{"class":715},", value: ",[710,832,760],{"class":733},[710,834,835],{"class":715}," }, { label: ",[710,837,838],{"class":733},"'Two'",[710,840,830],{"class":715},[710,842,843],{"class":733},"'two'",[710,845,846],{"class":715}," }]",[710,848,806],{"class":733},[710,850,737],{"class":715},[710,852,854,857,859,862,865],{"class":712,"line":853},7,[710,855,856],{"class":715},"    \u003C",[710,858,787],{"class":719},[710,860,861],{"class":715}," #",[710,863,864],{"class":723},"one",[710,866,737],{"class":715},[710,868,870],{"class":712,"line":869},8,[710,871,872],{"class":715},"      Tab one content\n",[710,874,876,879,881],{"class":712,"line":875},9,[710,877,878],{"class":715},"    \u003C\u002F",[710,880,787],{"class":719},[710,882,737],{"class":715},[710,884,885,887,889,891,894],{"class":712,"line":13},[710,886,856],{"class":715},[710,888,787],{"class":719},[710,890,861],{"class":715},[710,892,893],{"class":723},"two",[710,895,737],{"class":715},[710,897,898],{"class":712,"line":151},[710,899,900],{"class":715},"      Tab two content\n",[710,902,903,905,907],{"class":712,"line":170},[710,904,878],{"class":715},[710,906,787],{"class":719},[710,908,737],{"class":715},[710,910,912,915,917],{"class":712,"line":911},13,[710,913,914],{"class":715},"  \u003C\u002F",[710,916,798],{"class":719},[710,918,737],{"class":715},[710,920,922,924,926],{"class":712,"line":921},14,[710,923,769],{"class":715},[710,925,787],{"class":719},[710,927,737],{"class":715},[929,930,931],"p",{},"Switching tabs slides a shared indicator between them rather than each tab\ncarrying its own static active state - the indicator measures the active\ntrigger itself, so it stays correct even if a tab's own width changes.",[933,934,936],"h3",{"id":935},"custom-label-content","Custom label content",[929,938,939,940,943,944,947,948,950],{},"The ",[707,941,942],{},"label"," slot replaces a tab's plain-text label with anything - scoped\nwith ",[707,945,946],{},"item"," and ",[707,949,7],{},", so a single template can vary per tab:",[696,952],{"name":953},"tabs-custom-label",[700,955,959],{"className":956,"code":957,"language":958,"meta":705,"style":705},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSTabs v-model=\"active\" :items=\"items\">\n  \u003Ctemplate #label=\"{ item }\">\n    \u003Cspan class=\"flex items-center gap-2\">\n      {{ item.label }}\n      \u003CSBadge v-if=\"item.value === 'inbox'\" label=\"3\" color=\"primary\" size=\"sm\" \u002F>\n    \u003C\u002Fspan>\n  \u003C\u002Ftemplate>\n  ...\n\u003C\u002FSTabs>\n","vue-html",[707,960,961,991,1012,1028,1033,1084,1092,1100,1105],{"__ignoreMap":705},[710,962,963,965,967,969,971,973,975,977,979,981,983,985,987,989],{"class":712,"line":8},[710,964,716],{"class":715},[710,966,798],{"class":719},[710,968,801],{"class":723},[710,970,730],{"class":715},[710,972,806],{"class":733},[710,974,809],{"class":715},[710,976,806],{"class":733},[710,978,814],{"class":715},[710,980,817],{"class":723},[710,982,730],{"class":715},[710,984,806],{"class":733},[710,986,817],{"class":715},[710,988,806],{"class":733},[710,990,737],{"class":715},[710,992,993,995,997,999,1001,1003,1005,1008,1010],{"class":712,"line":740},[710,994,795],{"class":715},[710,996,787],{"class":719},[710,998,861],{"class":715},[710,1000,942],{"class":723},[710,1002,730],{"class":715},[710,1004,806],{"class":733},[710,1006,1007],{"class":715},"{ item }",[710,1009,806],{"class":733},[710,1011,737],{"class":715},[710,1013,1014,1016,1018,1021,1023,1026],{"class":712,"line":766},[710,1015,856],{"class":715},[710,1017,710],{"class":719},[710,1019,1020],{"class":723}," class",[710,1022,730],{"class":715},[710,1024,1025],{"class":733},"\"flex items-center gap-2\"",[710,1027,737],{"class":715},[710,1029,1030],{"class":712,"line":776},[710,1031,1032],{"class":715},"      {{ item.label }}\n",[710,1034,1035,1038,1041,1044,1046,1048,1051,1054,1057,1060,1062,1065,1068,1070,1073,1076,1078,1081],{"class":712,"line":782},[710,1036,1037],{"class":715},"      \u003C",[710,1039,1040],{"class":719},"SBadge",[710,1042,1043],{"class":743}," v-if",[710,1045,730],{"class":715},[710,1047,806],{"class":733},[710,1049,1050],{"class":715},"item.value ",[710,1052,1053],{"class":743},"===",[710,1055,1056],{"class":733}," 'inbox'\"",[710,1058,1059],{"class":723}," label",[710,1061,730],{"class":715},[710,1063,1064],{"class":733},"\"3\"",[710,1066,1067],{"class":723}," color",[710,1069,730],{"class":715},[710,1071,1072],{"class":733},"\"primary\"",[710,1074,1075],{"class":723}," size",[710,1077,730],{"class":715},[710,1079,1080],{"class":733},"\"sm\"",[710,1082,1083],{"class":715}," \u002F>\n",[710,1085,1086,1088,1090],{"class":712,"line":792},[710,1087,878],{"class":715},[710,1089,710],{"class":719},[710,1091,737],{"class":715},[710,1093,1094,1096,1098],{"class":712,"line":853},[710,1095,914],{"class":715},[710,1097,787],{"class":719},[710,1099,737],{"class":715},[710,1101,1102],{"class":712,"line":869},[710,1103,1104],{"class":715},"  ...\n",[710,1106,1107,1109,1111],{"class":712,"line":875},[710,1108,769],{"class":715},[710,1110,798],{"class":719},[710,1112,737],{"class":715},[933,1114,42],{"id":1115},"icons",[929,1117,1118,1119,1122,1123,1125],{},"Give an item an ",[707,1120,1121],{},"icon"," and it renders before the label automatically - no\n",[707,1124,942],{}," slot needed for the common case:",[696,1127],{"name":1128},"tabs-icons",[700,1130,1132],{"className":956,"code":1131,"language":958,"meta":705,"style":705},"\u003CSTabs\n  v-model=\"active\"\n  :items=\"[\n    { label: 'Profile', value: 'profile', icon: 'hugeicons:user' },\n    { label: 'Settings', value: 'settings', icon: 'hugeicons:settings-01' },\n  ]\"\n\u002F>\n",[707,1133,1134,1141,1155,1169,1191,1210,1217],{"__ignoreMap":705},[710,1135,1136,1138],{"class":712,"line":8},[710,1137,716],{"class":715},[710,1139,1140],{"class":719},"STabs\n",[710,1142,1143,1146,1148,1150,1152],{"class":712,"line":740},[710,1144,1145],{"class":723},"  v-model",[710,1147,730],{"class":715},[710,1149,806],{"class":733},[710,1151,809],{"class":715},[710,1153,1154],{"class":733},"\"\n",[710,1156,1157,1160,1162,1164,1166],{"class":712,"line":766},[710,1158,1159],{"class":715},"  :",[710,1161,817],{"class":723},[710,1163,730],{"class":715},[710,1165,806],{"class":733},[710,1167,1168],{"class":715},"[\n",[710,1170,1171,1174,1177,1179,1182,1185,1188],{"class":712,"line":776},[710,1172,1173],{"class":715},"    { label: ",[710,1175,1176],{"class":733},"'Profile'",[710,1178,830],{"class":715},[710,1180,1181],{"class":733},"'profile'",[710,1183,1184],{"class":715},", icon: ",[710,1186,1187],{"class":733},"'hugeicons:user'",[710,1189,1190],{"class":715}," },\n",[710,1192,1193,1195,1198,1200,1203,1205,1208],{"class":712,"line":782},[710,1194,1173],{"class":715},[710,1196,1197],{"class":733},"'Settings'",[710,1199,830],{"class":715},[710,1201,1202],{"class":733},"'settings'",[710,1204,1184],{"class":715},[710,1206,1207],{"class":733},"'hugeicons:settings-01'",[710,1209,1190],{"class":715},[710,1211,1212,1215],{"class":712,"line":792},[710,1213,1214],{"class":715},"  ]",[710,1216,1154],{"class":733},[710,1218,1219],{"class":712,"line":853},[710,1220,1221],{"class":715},"\u002F>\n",[933,1223,1225],{"id":1224},"variants","Variants",[929,1227,1228,1231,1232,1235,1236,1239],{},[707,1229,1230],{},"variant"," takes ",[707,1233,1234],{},"underline"," (default) or ",[707,1237,1238],{},"pill",", a segmented-control look\nwith the sliding indicator as a raised background instead of a bottom bar:",[696,1241],{"name":1242},"tabs-pill",[700,1244,1246],{"className":956,"code":1245,"language":958,"meta":705,"style":705},"\u003CSTabs v-model=\"active\" :items=\"items\" variant=\"pill\" \u002F>\n",[707,1247,1248],{"__ignoreMap":705},[710,1249,1250,1252,1254,1256,1258,1260,1262,1264,1266,1268,1270,1272,1274,1276,1279,1281,1284],{"class":712,"line":8},[710,1251,716],{"class":715},[710,1253,798],{"class":719},[710,1255,801],{"class":723},[710,1257,730],{"class":715},[710,1259,806],{"class":733},[710,1261,809],{"class":715},[710,1263,806],{"class":733},[710,1265,814],{"class":715},[710,1267,817],{"class":723},[710,1269,730],{"class":715},[710,1271,806],{"class":733},[710,1273,817],{"class":715},[710,1275,806],{"class":733},[710,1277,1278],{"class":723}," variant",[710,1280,730],{"class":715},[710,1282,1283],{"class":733},"\"pill\"",[710,1285,1083],{"class":715},[933,1287,1289],{"id":1288},"scrollable","Scrollable",[929,1291,1292,1293,1295],{},"Set ",[707,1294,1288],{}," when a tab list may outgrow its container. Previous and next\nchevrons appear only while the labels overflow. The list also supports touch,\ntrackpad, and keyboard navigation, and brings the selected tab into view:",[696,1297],{"name":1298},"tabs-scrollable",[700,1300,1302],{"className":956,"code":1301,"language":958,"meta":705,"style":705},"\u003CSTabs v-model=\"active\" :items=\"items\" scrollable \u002F>\n",[707,1303,1304],{"__ignoreMap":705},[710,1305,1306,1308,1310,1312,1314,1316,1318,1320,1322,1324,1326,1328,1330,1332,1335],{"class":712,"line":8},[710,1307,716],{"class":715},[710,1309,798],{"class":719},[710,1311,801],{"class":723},[710,1313,730],{"class":715},[710,1315,806],{"class":733},[710,1317,809],{"class":715},[710,1319,806],{"class":733},[710,1321,814],{"class":715},[710,1323,817],{"class":723},[710,1325,730],{"class":715},[710,1327,806],{"class":733},[710,1329,817],{"class":715},[710,1331,806],{"class":733},[710,1333,1334],{"class":723}," scrollable",[710,1336,1083],{"class":715},[929,1338,1339,1340,1343,1344,1347,1348,1351,1352,1355,1356,1359,1360,1363,1364,1367,1368,1371],{},"The controls use neutral ghost ",[707,1341,1342],{},"SButton","s by default. Use ",[707,1345,1346],{},"ui.scrollButton","\nand ",[707,1349,1350],{},"ui.scrollIcon"," for styling, or the ",[707,1353,1354],{},"scroll-left-icon"," and\n",[707,1357,1358],{},"scroll-right-icon"," slots to replace only the chevrons. For a different control,\nreplace ",[707,1361,1362],{},"scroll-left"," or ",[707,1365,1366],{},"scroll-right"," and bind the supplied ",[707,1369,1370],{},"buttonProps"," so\nthe button keeps its click handler, disabled state, type, and accessible label:",[700,1373,1375],{"className":956,"code":1374,"language":958,"meta":705,"style":705},"\u003CSTabs :items=\"items\" scrollable>\n  \u003Ctemplate #scroll-right=\"{ buttonProps }\">\n    \u003CMyIconButton v-bind=\"buttonProps\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FSTabs>\n",[707,1376,1377,1399,1420,1440,1448],{"__ignoreMap":705},[710,1378,1379,1381,1383,1385,1387,1389,1391,1393,1395,1397],{"class":712,"line":8},[710,1380,716],{"class":715},[710,1382,798],{"class":719},[710,1384,814],{"class":715},[710,1386,817],{"class":723},[710,1388,730],{"class":715},[710,1390,806],{"class":733},[710,1392,817],{"class":715},[710,1394,806],{"class":733},[710,1396,1334],{"class":723},[710,1398,737],{"class":715},[710,1400,1401,1403,1405,1407,1409,1411,1413,1416,1418],{"class":712,"line":740},[710,1402,795],{"class":715},[710,1404,787],{"class":719},[710,1406,861],{"class":715},[710,1408,1366],{"class":723},[710,1410,730],{"class":715},[710,1412,806],{"class":733},[710,1414,1415],{"class":715},"{ buttonProps }",[710,1417,806],{"class":733},[710,1419,737],{"class":715},[710,1421,1422,1424,1427,1430,1432,1434,1436,1438],{"class":712,"line":766},[710,1423,856],{"class":715},[710,1425,1426],{"class":719},"MyIconButton",[710,1428,1429],{"class":723}," v-bind",[710,1431,730],{"class":715},[710,1433,806],{"class":733},[710,1435,1370],{"class":715},[710,1437,806],{"class":733},[710,1439,1083],{"class":715},[710,1441,1442,1444,1446],{"class":712,"line":776},[710,1443,914],{"class":715},[710,1445,787],{"class":719},[710,1447,737],{"class":715},[710,1449,1450,1452,1454],{"class":712,"line":782},[710,1451,769],{"class":715},[710,1453,798],{"class":719},[710,1455,737],{"class":715},[929,1457,1458,1459,1462,1463,1466,1467,1470,1471,1474],{},"The full button slots also expose ",[707,1460,1461],{},"scroll",", ",[707,1464,1465],{},"disabled",", and ",[707,1468,1469],{},"ariaLabel"," for\ncustom controls that cannot use ",[707,1472,1473],{},"v-bind=\"buttonProps\"",".",[933,1476,1478],{"id":1477},"orientation","Orientation",[929,1480,1292,1481,1484,1485,947,1487,1489,1490,1492],{},[707,1482,1483],{},"orientation=\"vertical\""," to place the tab list beside its content. Both\n",[707,1486,1234],{},[707,1488,1238],{}," variants work vertically, and Reka changes arrow-key\nnavigation to Up\u002FDown. ",[707,1491,1288],{}," applies only to horizontal tabs.",[696,1494],{"name":1495},"tabs-vertical",[700,1497,1499],{"className":956,"code":1498,"language":958,"meta":705,"style":705},"\u003CSTabs v-model=\"active\" :items=\"items\" orientation=\"vertical\" variant=\"pill\" \u002F>\n",[707,1500,1501],{"__ignoreMap":705},[710,1502,1503,1505,1507,1509,1511,1513,1515,1517,1519,1521,1523,1525,1527,1529,1532,1534,1537,1539,1541,1543],{"class":712,"line":8},[710,1504,716],{"class":715},[710,1506,798],{"class":719},[710,1508,801],{"class":723},[710,1510,730],{"class":715},[710,1512,806],{"class":733},[710,1514,809],{"class":715},[710,1516,806],{"class":733},[710,1518,814],{"class":715},[710,1520,817],{"class":723},[710,1522,730],{"class":715},[710,1524,806],{"class":733},[710,1526,817],{"class":715},[710,1528,806],{"class":733},[710,1530,1531],{"class":723}," orientation",[710,1533,730],{"class":715},[710,1535,1536],{"class":733},"\"vertical\"",[710,1538,1278],{"class":723},[710,1540,730],{"class":715},[710,1542,1283],{"class":733},[710,1544,1083],{"class":715},[933,1546,1548],{"id":1547},"keep-inactive-panels-mounted","Keep inactive panels mounted",[929,1550,1551,1552,1555,1556,1559],{},"Inactive panel content is unmounted by default. Set ",[707,1553,1554],{},"unmount-on-hide"," to\n",[707,1557,1558],{},"false"," to keep its local state, such as an unfinished form, while the panel\nis hidden:",[700,1561,1563],{"className":956,"code":1562,"language":958,"meta":705,"style":705},"\u003CSTabs :items=\"items\" :unmount-on-hide=\"false\">\n  \u003C!-- panel slots -->\n\u003C\u002FSTabs>\n",[707,1564,1565,1597,1603],{"__ignoreMap":705},[710,1566,1567,1569,1571,1573,1575,1577,1579,1581,1583,1585,1587,1589,1591,1593,1595],{"class":712,"line":8},[710,1568,716],{"class":715},[710,1570,798],{"class":719},[710,1572,814],{"class":715},[710,1574,817],{"class":723},[710,1576,730],{"class":715},[710,1578,806],{"class":733},[710,1580,817],{"class":715},[710,1582,806],{"class":733},[710,1584,814],{"class":715},[710,1586,1554],{"class":723},[710,1588,730],{"class":715},[710,1590,806],{"class":733},[710,1592,1558],{"class":747},[710,1594,806],{"class":733},[710,1596,737],{"class":715},[710,1598,1599],{"class":712,"line":740},[710,1600,1602],{"class":1601},"sJ8bj","  \u003C!-- panel slots -->\n",[710,1604,1605,1607,1609],{"class":712,"line":766},[710,1606,769],{"class":715},[710,1608,798],{"class":719},[710,1610,737],{"class":715},[691,1612,1614],{"id":1613},"in-markdown","In markdown",[929,1616,1617,1618,1621,1622,1625,1626,1629,1630,1632,1633,1636,1637,1640,1641,1644,1645,1635],{},"Every Selaras component is already globally registered under its ",[707,1619,1620],{},"S","-prefixed\nname - a bare ",[707,1623,1624],{},"::s-tabs{...}"," block works with no extra wiring (see\n",[1627,1628,501],"a",{"href":502},"'s own \"In markdown\" section for how\nthe pattern works generally). ",[707,1631,817],{}," is an array prop, not a string - bind\nit with a leading ",[707,1634,1635],{},":"," so ",[707,1638,1639],{},"@nuxtjs\u002Fmdc"," parses the attribute as an expression\ninstead of literal text. Each tab's own content is a ",[707,1642,1643],{},"#slot-name"," line\nmatching that item's ",[707,1646,1647],{},"value",[700,1649,1654],{"className":1650,"code":1652,"language":1653,"meta":705},[1651],"language-text","::s-tabs{:items='[{\"label\":\"One\",\"value\":\"one\"},{\"label\":\"Two\",\"value\":\"two\"}]'}\n#one\nContent for the first tab.\n#two\nContent for the second tab.\n::\n","text",[707,1655,1652],{"__ignoreMap":705},[933,1657,1659,1660],{"id":1658},"custom-ui","Custom ",[707,1661,1662],{},":ui",[929,1664,1665,1666,1474],{},"Global and scoped recipe overrides use ",[707,1667,1668],{},"ui.tabs",[929,1670,1671,1672,1674],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[707,1673,347],{},"'s own theme file:",[1676,1677],"theme-source",{"name":1678},"tabs",[691,1680,1682],{"id":1681},"props","Props",[1684,1685,1686,1702],"table",{},[1687,1688,1689],"thead",{},[1690,1691,1692,1696,1699],"tr",{},[1693,1694,1695],"th",{},"Prop",[1693,1697,1698],{},"Type",[1693,1700,1701],{},"Default",[1703,1704,1705,1723,1737,1753,1769,1784,1800,1814,1828],"tbody",{},[1690,1706,1707,1713,1718],{},[1708,1709,1710],"td",{},[707,1711,1712],{},"color",[1708,1714,1715],{},[1627,1716,1717],{"href":84},"ColorRole",[1708,1719,1720],{},[707,1721,1722],{},"primary",[1690,1724,1725,1729,1734],{},[1708,1726,1727],{},[707,1728,817],{},[1708,1730,1731],{},[707,1732,1733],{},"{ label: string; value?: string; disabled?: boolean; icon?: string }[]",[1708,1735,1736],{},"-",[1690,1738,1739,1743,1748],{},[1708,1740,1741],{},[707,1742,1230],{},[1708,1744,1745],{},[707,1746,1747],{},"'underline' | 'pill'",[1708,1749,1750],{},[707,1751,1752],{},"'underline'",[1690,1754,1755,1759,1764],{},[1708,1756,1757],{},[707,1758,1477],{},[1708,1760,1761],{},[707,1762,1763],{},"'horizontal' | 'vertical'",[1708,1765,1766],{},[707,1767,1768],{},"'horizontal'",[1690,1770,1771,1775,1780],{},[1708,1772,1773],{},[707,1774,1288],{},[1708,1776,1777],{},[707,1778,1779],{},"boolean",[1708,1781,1782],{},[707,1783,1558],{},[1690,1785,1786,1791,1795],{},[1708,1787,1788],{},[707,1789,1790],{},"unmountOnHide",[1708,1792,1793],{},[707,1794,1779],{},[1708,1796,1797],{},[707,1798,1799],{},"true",[1690,1801,1802,1807,1812],{},[1708,1803,1804],{},[707,1805,1806],{},"modelValue",[1708,1808,1809],{},[707,1810,1811],{},"string",[1708,1813,1736],{},[1690,1815,1816,1821,1825],{},[1708,1817,1818],{},[707,1819,1820],{},"defaultValue",[1708,1822,1823],{},[707,1824,1811],{},[1708,1826,1827],{},"no initial selection",[1690,1829,1830,1835,1840],{},[1708,1831,1832],{},[707,1833,1834],{},"ui",[1708,1836,1837],{},[707,1838,1839],{},"Partial\u003CRecord\u003C'root' | 'scrollRoot' | 'scrollViewport' | 'scrollButton' | 'scrollIcon' | 'list' | 'trigger' | 'icon' | 'indicator' | 'content', string | object>>",[1708,1841,1736],{},[691,1843,1845],{"id":1844},"events","Events",[1684,1847,1848,1861],{},[1687,1849,1850],{},[1690,1851,1852,1855,1858],{},[1693,1853,1854],{},"Event",[1693,1856,1857],{},"Payload",[1693,1859,1860],{},"Description",[1703,1862,1863],{},[1690,1864,1865,1870,1874],{},[1708,1866,1867],{},[707,1868,1869],{},"update:modelValue",[1708,1871,1872],{},[707,1873,1811],{},[1708,1875,1876],{},"Fires when the active tab changes",[691,1878,1880],{"id":1879},"slots","Slots",[1684,1882,1883,1894],{},[1687,1884,1885],{},[1690,1886,1887,1890,1892],{},[1693,1888,1889],{},"Slot",[1693,1891,1682],{},[1693,1893,1860],{},[1703,1895,1896,1908,1922,1938],{},[1690,1897,1898,1903,1905],{},[1708,1899,1900],{},[707,1901,1902],{},"[item.value]",[1708,1904,1736],{},[1708,1906,1907],{},"Content for that tab, one named slot per item",[1690,1909,1910,1914,1919],{},[1708,1911,1912],{},[707,1913,942],{},[1708,1915,1916],{},[707,1917,1918],{},"{ item, index }",[1708,1920,1921],{},"Replaces a tab's label content",[1690,1923,1924,1930,1935],{},[1708,1925,1926,1462,1928],{},[707,1927,1354],{},[707,1929,1358],{},[1708,1931,1932],{},[707,1933,1934],{},"{ class }",[1708,1936,1937],{},"Replaces a default control's chevron",[1690,1939,1940,1946,1951],{},[1708,1941,1942,1462,1944],{},[707,1943,1362],{},[707,1945,1366],{},[1708,1947,1948],{},[707,1949,1950],{},"{ buttonProps, scroll, disabled, ariaLabel }",[1708,1952,1953],{},"Replaces an entire overflow control",[929,1955,1956,1957,1959,1960,1963,1964,1967],{},"For uncontrolled tabs, pass ",[707,1958,1820],{}," to select an initial panel. Item values\nuse ",[707,1961,1962],{},"item.value",", or the item's zero-based index converted to a string when\nomitted. Use ",[707,1965,1966],{},"v-model"," when a parent owns selection.",[1969,1970,1971],"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 pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":705,"searchDepth":766,"depth":766,"links":1973},[1974,1982,1986,1987,1988],{"id":693,"depth":740,"text":694,"children":1975},[1976,1977,1978,1979,1980,1981],{"id":935,"depth":766,"text":936},{"id":1115,"depth":766,"text":42},{"id":1224,"depth":766,"text":1225},{"id":1288,"depth":766,"text":1289},{"id":1477,"depth":766,"text":1478},{"id":1547,"depth":766,"text":1548},{"id":1613,"depth":740,"text":1614,"children":1983},[1984],{"id":1658,"depth":766,"text":1985},"Custom :ui",{"id":1681,"depth":740,"text":1682},{"id":1844,"depth":740,"text":1845},{"id":1879,"depth":740,"text":1880},"An items-driven tab list built on Reka UI's Tabs primitive.","md",{},{"title":347,"description":1989},"8SYWFfknFUXfq_sQc3sH7n5cCBD9KdAbQ5DlsIjUsEY",{"id":1995,"title":347,"aside":686,"body":1996,"collapse":10,"description":3081,"editLink":686,"extension":1990,"icon":9,"issueLink":686,"meta":3082,"navBadges":9,"navigation":9,"order":40,"path":3083,"prevNext":686,"seo":3084,"stem":3085,"toc":686,"__hash__":3086},"docs\u002Fid\u002Fcomponents\u002Fnavigation\u002Ftabs.md",{"type":688,"value":1997,"toc":3065},[1998,2002,2004,2170,2173,2177,2189,2191,2329,2333,2342,2344,2420,2422,2433,2435,2475,2477,2483,2485,2521,2546,2626,2639,2643,2656,2658,2704,2706,2715,2763,2767,2794,2799,2803,2808,2814,2816,2818,2951,2953,2981,2983,3051,3063],[691,1999,2001],{"id":2000},"penggunaan","Penggunaan",[696,2003],{"name":698},[700,2005,2006],{"className":702,"code":703,"language":704,"meta":705,"style":705},[707,2007,2008,2024,2040,2048,2052,2060,2106,2118,2122,2130,2142,2146,2154,2162],{"__ignoreMap":705},[710,2009,2010,2012,2014,2016,2018,2020,2022],{"class":712,"line":8},[710,2011,716],{"class":715},[710,2013,720],{"class":719},[710,2015,724],{"class":723},[710,2017,727],{"class":723},[710,2019,730],{"class":715},[710,2021,734],{"class":733},[710,2023,737],{"class":715},[710,2025,2026,2028,2030,2032,2034,2036,2038],{"class":712,"line":740},[710,2027,744],{"class":743},[710,2029,748],{"class":747},[710,2031,751],{"class":743},[710,2033,754],{"class":723},[710,2035,757],{"class":715},[710,2037,760],{"class":733},[710,2039,763],{"class":715},[710,2041,2042,2044,2046],{"class":712,"line":766},[710,2043,769],{"class":715},[710,2045,720],{"class":719},[710,2047,737],{"class":715},[710,2049,2050],{"class":712,"line":776},[710,2051,779],{"emptyLinePlaceholder":686},[710,2053,2054,2056,2058],{"class":712,"line":782},[710,2055,716],{"class":715},[710,2057,787],{"class":719},[710,2059,737],{"class":715},[710,2061,2062,2064,2066,2068,2070,2072,2074,2076,2078,2080,2082,2084,2086,2088,2090,2092,2094,2096,2098,2100,2102,2104],{"class":712,"line":792},[710,2063,795],{"class":715},[710,2065,798],{"class":719},[710,2067,801],{"class":723},[710,2069,730],{"class":715},[710,2071,806],{"class":733},[710,2073,809],{"class":715},[710,2075,806],{"class":733},[710,2077,814],{"class":715},[710,2079,817],{"class":723},[710,2081,730],{"class":715},[710,2083,806],{"class":733},[710,2085,824],{"class":715},[710,2087,827],{"class":733},[710,2089,830],{"class":715},[710,2091,760],{"class":733},[710,2093,835],{"class":715},[710,2095,838],{"class":733},[710,2097,830],{"class":715},[710,2099,843],{"class":733},[710,2101,846],{"class":715},[710,2103,806],{"class":733},[710,2105,737],{"class":715},[710,2107,2108,2110,2112,2114,2116],{"class":712,"line":853},[710,2109,856],{"class":715},[710,2111,787],{"class":719},[710,2113,861],{"class":715},[710,2115,864],{"class":723},[710,2117,737],{"class":715},[710,2119,2120],{"class":712,"line":869},[710,2121,872],{"class":715},[710,2123,2124,2126,2128],{"class":712,"line":875},[710,2125,878],{"class":715},[710,2127,787],{"class":719},[710,2129,737],{"class":715},[710,2131,2132,2134,2136,2138,2140],{"class":712,"line":13},[710,2133,856],{"class":715},[710,2135,787],{"class":719},[710,2137,861],{"class":715},[710,2139,893],{"class":723},[710,2141,737],{"class":715},[710,2143,2144],{"class":712,"line":151},[710,2145,900],{"class":715},[710,2147,2148,2150,2152],{"class":712,"line":170},[710,2149,878],{"class":715},[710,2151,787],{"class":719},[710,2153,737],{"class":715},[710,2155,2156,2158,2160],{"class":712,"line":911},[710,2157,914],{"class":715},[710,2159,798],{"class":719},[710,2161,737],{"class":715},[710,2163,2164,2166,2168],{"class":712,"line":921},[710,2165,769],{"class":715},[710,2167,787],{"class":719},[710,2169,737],{"class":715},[929,2171,2172],{},"Beralih tab menggeser indikator bersama di antara mereka daripada setiap tab membawa state aktif statis sendiri - indicator mengukur trigger aktif itu sendiri, jadi tetap benar meskipun lebar tab sendiri berubah.",[933,2174,2176],{"id":2175},"konten-label-kustom","Konten label kustom",[929,2178,2179,2180,2182,2183,2185,2186,2188],{},"Slot ",[707,2181,942],{}," menggantikan label teks polos tab dengan apa pun - di-scope dengan ",[707,2184,946],{}," dan ",[707,2187,7],{},", jadi satu template dapat bervariasi per tab:",[696,2190],{"name":953},[700,2192,2193],{"className":956,"code":957,"language":958,"meta":705,"style":705},[707,2194,2195,2225,2245,2259,2263,2301,2309,2317,2321],{"__ignoreMap":705},[710,2196,2197,2199,2201,2203,2205,2207,2209,2211,2213,2215,2217,2219,2221,2223],{"class":712,"line":8},[710,2198,716],{"class":715},[710,2200,798],{"class":719},[710,2202,801],{"class":723},[710,2204,730],{"class":715},[710,2206,806],{"class":733},[710,2208,809],{"class":715},[710,2210,806],{"class":733},[710,2212,814],{"class":715},[710,2214,817],{"class":723},[710,2216,730],{"class":715},[710,2218,806],{"class":733},[710,2220,817],{"class":715},[710,2222,806],{"class":733},[710,2224,737],{"class":715},[710,2226,2227,2229,2231,2233,2235,2237,2239,2241,2243],{"class":712,"line":740},[710,2228,795],{"class":715},[710,2230,787],{"class":719},[710,2232,861],{"class":715},[710,2234,942],{"class":723},[710,2236,730],{"class":715},[710,2238,806],{"class":733},[710,2240,1007],{"class":715},[710,2242,806],{"class":733},[710,2244,737],{"class":715},[710,2246,2247,2249,2251,2253,2255,2257],{"class":712,"line":766},[710,2248,856],{"class":715},[710,2250,710],{"class":719},[710,2252,1020],{"class":723},[710,2254,730],{"class":715},[710,2256,1025],{"class":733},[710,2258,737],{"class":715},[710,2260,2261],{"class":712,"line":776},[710,2262,1032],{"class":715},[710,2264,2265,2267,2269,2271,2273,2275,2277,2279,2281,2283,2285,2287,2289,2291,2293,2295,2297,2299],{"class":712,"line":782},[710,2266,1037],{"class":715},[710,2268,1040],{"class":719},[710,2270,1043],{"class":743},[710,2272,730],{"class":715},[710,2274,806],{"class":733},[710,2276,1050],{"class":715},[710,2278,1053],{"class":743},[710,2280,1056],{"class":733},[710,2282,1059],{"class":723},[710,2284,730],{"class":715},[710,2286,1064],{"class":733},[710,2288,1067],{"class":723},[710,2290,730],{"class":715},[710,2292,1072],{"class":733},[710,2294,1075],{"class":723},[710,2296,730],{"class":715},[710,2298,1080],{"class":733},[710,2300,1083],{"class":715},[710,2302,2303,2305,2307],{"class":712,"line":792},[710,2304,878],{"class":715},[710,2306,710],{"class":719},[710,2308,737],{"class":715},[710,2310,2311,2313,2315],{"class":712,"line":853},[710,2312,914],{"class":715},[710,2314,787],{"class":719},[710,2316,737],{"class":715},[710,2318,2319],{"class":712,"line":869},[710,2320,1104],{"class":715},[710,2322,2323,2325,2327],{"class":712,"line":875},[710,2324,769],{"class":715},[710,2326,798],{"class":719},[710,2328,737],{"class":715},[933,2330,2332],{"id":2331},"ikon","Ikon",[929,2334,2335,2336,2338,2339,2341],{},"Berikan item ",[707,2337,1121],{}," dan ia merender sebelum label secara otomatis - tidak perlu slot ",[707,2340,942],{}," untuk kasus umum:",[696,2343],{"name":1128},[700,2345,2346],{"className":956,"code":1131,"language":958,"meta":705,"style":705},[707,2347,2348,2354,2366,2378,2394,2410,2416],{"__ignoreMap":705},[710,2349,2350,2352],{"class":712,"line":8},[710,2351,716],{"class":715},[710,2353,1140],{"class":719},[710,2355,2356,2358,2360,2362,2364],{"class":712,"line":740},[710,2357,1145],{"class":723},[710,2359,730],{"class":715},[710,2361,806],{"class":733},[710,2363,809],{"class":715},[710,2365,1154],{"class":733},[710,2367,2368,2370,2372,2374,2376],{"class":712,"line":766},[710,2369,1159],{"class":715},[710,2371,817],{"class":723},[710,2373,730],{"class":715},[710,2375,806],{"class":733},[710,2377,1168],{"class":715},[710,2379,2380,2382,2384,2386,2388,2390,2392],{"class":712,"line":776},[710,2381,1173],{"class":715},[710,2383,1176],{"class":733},[710,2385,830],{"class":715},[710,2387,1181],{"class":733},[710,2389,1184],{"class":715},[710,2391,1187],{"class":733},[710,2393,1190],{"class":715},[710,2395,2396,2398,2400,2402,2404,2406,2408],{"class":712,"line":782},[710,2397,1173],{"class":715},[710,2399,1197],{"class":733},[710,2401,830],{"class":715},[710,2403,1202],{"class":733},[710,2405,1184],{"class":715},[710,2407,1207],{"class":733},[710,2409,1190],{"class":715},[710,2411,2412,2414],{"class":712,"line":792},[710,2413,1214],{"class":715},[710,2415,1154],{"class":733},[710,2417,2418],{"class":712,"line":853},[710,2419,1221],{"class":715},[933,2421,1225],{"id":1224},[929,2423,2424,2426,2427,2429,2430,2432],{},[707,2425,1230],{}," menerima ",[707,2428,1234],{}," (default) atau ",[707,2431,1238],{},", tampilan segmented-control dengan indikator yang menggeser sebagai background raised alih-alih bar bawah:",[696,2434],{"name":1242},[700,2436,2437],{"className":956,"code":1245,"language":958,"meta":705,"style":705},[707,2438,2439],{"__ignoreMap":705},[710,2440,2441,2443,2445,2447,2449,2451,2453,2455,2457,2459,2461,2463,2465,2467,2469,2471,2473],{"class":712,"line":8},[710,2442,716],{"class":715},[710,2444,798],{"class":719},[710,2446,801],{"class":723},[710,2448,730],{"class":715},[710,2450,806],{"class":733},[710,2452,809],{"class":715},[710,2454,806],{"class":733},[710,2456,814],{"class":715},[710,2458,817],{"class":723},[710,2460,730],{"class":715},[710,2462,806],{"class":733},[710,2464,817],{"class":715},[710,2466,806],{"class":733},[710,2468,1278],{"class":723},[710,2470,730],{"class":715},[710,2472,1283],{"class":733},[710,2474,1083],{"class":715},[933,2476,1289],{"id":1288},[929,2478,2479,2480,2482],{},"Atur ",[707,2481,1288],{}," saat daftar tab mungkin melebihi container-nya. Chevron Previous dan Next muncul hanya saat label overflow. Daftar juga mendukung navigasi touch, trackpad, dan keyboard, dan membawa tab terpilih ke dalam tampilan:",[696,2484],{"name":1298},[700,2486,2487],{"className":956,"code":1301,"language":958,"meta":705,"style":705},[707,2488,2489],{"__ignoreMap":705},[710,2490,2491,2493,2495,2497,2499,2501,2503,2505,2507,2509,2511,2513,2515,2517,2519],{"class":712,"line":8},[710,2492,716],{"class":715},[710,2494,798],{"class":719},[710,2496,801],{"class":723},[710,2498,730],{"class":715},[710,2500,806],{"class":733},[710,2502,809],{"class":715},[710,2504,806],{"class":733},[710,2506,814],{"class":715},[710,2508,817],{"class":723},[710,2510,730],{"class":715},[710,2512,806],{"class":733},[710,2514,817],{"class":715},[710,2516,806],{"class":733},[710,2518,1334],{"class":723},[710,2520,1083],{"class":715},[929,2522,2523,2524,2526,2527,2185,2529,2531,2532,2185,2534,2536,2537,2539,2540,2542,2543,2545],{},"Kontrol menggunakan ",[707,2525,1342],{}," ghost netral secara default. Gunakan ",[707,2528,1346],{},[707,2530,1350],{}," untuk styling, atau slot ",[707,2533,1354],{},[707,2535,1358],{}," untuk hanya mengganti chevron. Untuk kontrol yang berbeda, ganti ",[707,2538,1362],{}," atau ",[707,2541,1366],{}," dan bind ",[707,2544,1370],{}," yang diberikan sehingga tombol mempertahankan click handler, state disabled, type, dan label yang dapat diakses:",[700,2547,2548],{"className":956,"code":1374,"language":958,"meta":705,"style":705},[707,2549,2550,2572,2592,2610,2618],{"__ignoreMap":705},[710,2551,2552,2554,2556,2558,2560,2562,2564,2566,2568,2570],{"class":712,"line":8},[710,2553,716],{"class":715},[710,2555,798],{"class":719},[710,2557,814],{"class":715},[710,2559,817],{"class":723},[710,2561,730],{"class":715},[710,2563,806],{"class":733},[710,2565,817],{"class":715},[710,2567,806],{"class":733},[710,2569,1334],{"class":723},[710,2571,737],{"class":715},[710,2573,2574,2576,2578,2580,2582,2584,2586,2588,2590],{"class":712,"line":740},[710,2575,795],{"class":715},[710,2577,787],{"class":719},[710,2579,861],{"class":715},[710,2581,1366],{"class":723},[710,2583,730],{"class":715},[710,2585,806],{"class":733},[710,2587,1415],{"class":715},[710,2589,806],{"class":733},[710,2591,737],{"class":715},[710,2593,2594,2596,2598,2600,2602,2604,2606,2608],{"class":712,"line":766},[710,2595,856],{"class":715},[710,2597,1426],{"class":719},[710,2599,1429],{"class":723},[710,2601,730],{"class":715},[710,2603,806],{"class":733},[710,2605,1370],{"class":715},[710,2607,806],{"class":733},[710,2609,1083],{"class":715},[710,2611,2612,2614,2616],{"class":712,"line":776},[710,2613,914],{"class":715},[710,2615,787],{"class":719},[710,2617,737],{"class":715},[710,2619,2620,2622,2624],{"class":712,"line":782},[710,2621,769],{"class":715},[710,2623,798],{"class":719},[710,2625,737],{"class":715},[929,2627,2628,2629,1462,2631,2633,2634,2636,2637,1474],{},"Slot tombol lengkap juga mengekspos ",[707,2630,1461],{},[707,2632,1465],{},", dan ",[707,2635,1469],{}," untuk kontrol kustom yang tidak dapat menggunakan ",[707,2638,1473],{},[933,2640,2642],{"id":2641},"orientasi","Orientasi",[929,2644,2479,2645,2647,2648,2185,2650,2652,2653,2655],{},[707,2646,1483],{}," untuk menempatkan daftar tab di samping kontennya. Kedua varian ",[707,2649,1234],{},[707,2651,1238],{}," bekerja secara vertikal, dan Reka mengubah navigasi tombol panah ke Atas\u002FBawah. ",[707,2654,1288],{}," hanya berlaku untuk tab horizontal.",[696,2657],{"name":1495},[700,2659,2660],{"className":956,"code":1498,"language":958,"meta":705,"style":705},[707,2661,2662],{"__ignoreMap":705},[710,2663,2664,2666,2668,2670,2672,2674,2676,2678,2680,2682,2684,2686,2688,2690,2692,2694,2696,2698,2700,2702],{"class":712,"line":8},[710,2665,716],{"class":715},[710,2667,798],{"class":719},[710,2669,801],{"class":723},[710,2671,730],{"class":715},[710,2673,806],{"class":733},[710,2675,809],{"class":715},[710,2677,806],{"class":733},[710,2679,814],{"class":715},[710,2681,817],{"class":723},[710,2683,730],{"class":715},[710,2685,806],{"class":733},[710,2687,817],{"class":715},[710,2689,806],{"class":733},[710,2691,1531],{"class":723},[710,2693,730],{"class":715},[710,2695,1536],{"class":733},[710,2697,1278],{"class":723},[710,2699,730],{"class":715},[710,2701,1283],{"class":733},[710,2703,1083],{"class":715},[933,2705,1548],{"id":1547},[929,2707,2708,2709,2711,2712,2714],{},"Konten panel yang tidak aktif di-unmount secara default. Atur ",[707,2710,1554],{}," ke ",[707,2713,1558],{}," untuk mempertahankan state lokalnya, seperti form yang belum selesai, saat panel disembunyikan:",[700,2716,2717],{"className":956,"code":1562,"language":958,"meta":705,"style":705},[707,2718,2719,2751,2755],{"__ignoreMap":705},[710,2720,2721,2723,2725,2727,2729,2731,2733,2735,2737,2739,2741,2743,2745,2747,2749],{"class":712,"line":8},[710,2722,716],{"class":715},[710,2724,798],{"class":719},[710,2726,814],{"class":715},[710,2728,817],{"class":723},[710,2730,730],{"class":715},[710,2732,806],{"class":733},[710,2734,817],{"class":715},[710,2736,806],{"class":733},[710,2738,814],{"class":715},[710,2740,1554],{"class":723},[710,2742,730],{"class":715},[710,2744,806],{"class":733},[710,2746,1558],{"class":747},[710,2748,806],{"class":733},[710,2750,737],{"class":715},[710,2752,2753],{"class":712,"line":740},[710,2754,1602],{"class":1601},[710,2756,2757,2759,2761],{"class":712,"line":766},[710,2758,769],{"class":715},[710,2760,798],{"class":719},[710,2762,737],{"class":715},[691,2764,2766],{"id":2765},"dalam-markdown","Dalam markdown",[929,2768,2769,2770,2772,2773,2775,2776,2778,2779,2781,2782,2784,2785,2787,2788,2790,2791,2793],{},"Setiap komponen Selaras sudah terdaftar secara global di bawah nama berawalan ",[707,2771,1620],{}," - blok ",[707,2774,1624],{}," kosan berfungsi tanpa wiring tambahan (lihat bagian \"In markdown\" di ",[1627,2777,501],{"href":502}," untuk cara kerja pola secara umum). ",[707,2780,817],{}," adalah array prop, bukan string - bind dengan leading ",[707,2783,1635],{}," agar ",[707,2786,1639],{}," memparse atribut sebagai expression daripada teks literal. Konten setiap tab adalah baris ",[707,2789,1643],{}," yang cocok dengan ",[707,2792,1647],{}," item itu:",[700,2795,2797],{"className":2796,"code":1652,"language":1653,"meta":705},[1651],[707,2798,1652],{"__ignoreMap":705},[933,2800,1659,2801],{"id":1658},[707,2802,1662],{},[929,2804,2805,2806,1474],{},"Global dan scoped recipe overrides menggunakan ",[707,2807,1668],{},[929,2809,2810,2811,2813],{},"Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default untuk setiap slot dan varian - berikut adalah file tema ",[707,2812,347],{}," sendiri:",[1676,2815],{"name":1678},[691,2817,1682],{"id":1681},[1684,2819,2820,2831],{},[1687,2821,2822],{},[1690,2823,2824,2826,2829],{},[1693,2825,1695],{},[1693,2827,2828],{},"Tipe",[1693,2830,1701],{},[1703,2832,2833,2847,2859,2873,2887,2901,2915,2927,2939],{},[1690,2834,2835,2839,2843],{},[1708,2836,2837],{},[707,2838,1712],{},[1708,2840,2841],{},[1627,2842,1717],{"href":84},[1708,2844,2845],{},[707,2846,1722],{},[1690,2848,2849,2853,2857],{},[1708,2850,2851],{},[707,2852,817],{},[1708,2854,2855],{},[707,2856,1733],{},[1708,2858,1736],{},[1690,2860,2861,2865,2869],{},[1708,2862,2863],{},[707,2864,1230],{},[1708,2866,2867],{},[707,2868,1747],{},[1708,2870,2871],{},[707,2872,1752],{},[1690,2874,2875,2879,2883],{},[1708,2876,2877],{},[707,2878,1477],{},[1708,2880,2881],{},[707,2882,1763],{},[1708,2884,2885],{},[707,2886,1768],{},[1690,2888,2889,2893,2897],{},[1708,2890,2891],{},[707,2892,1288],{},[1708,2894,2895],{},[707,2896,1779],{},[1708,2898,2899],{},[707,2900,1558],{},[1690,2902,2903,2907,2911],{},[1708,2904,2905],{},[707,2906,1790],{},[1708,2908,2909],{},[707,2910,1779],{},[1708,2912,2913],{},[707,2914,1799],{},[1690,2916,2917,2921,2925],{},[1708,2918,2919],{},[707,2920,1806],{},[1708,2922,2923],{},[707,2924,1811],{},[1708,2926,1736],{},[1690,2928,2929,2933,2937],{},[1708,2930,2931],{},[707,2932,1820],{},[1708,2934,2935],{},[707,2936,1811],{},[1708,2938,1827],{},[1690,2940,2941,2945,2949],{},[1708,2942,2943],{},[707,2944,1834],{},[1708,2946,2947],{},[707,2948,1839],{},[1708,2950,1736],{},[691,2952,1845],{"id":1844},[1684,2954,2955,2966],{},[1687,2956,2957],{},[1690,2958,2959,2961,2963],{},[1693,2960,1854],{},[1693,2962,1857],{},[1693,2964,2965],{},"Deskripsi",[1703,2967,2968],{},[1690,2969,2970,2974,2978],{},[1708,2971,2972],{},[707,2973,1869],{},[1708,2975,2976],{},[707,2977,1811],{},[1708,2979,2980],{},"Terpicu saat tab aktif berubah",[691,2982,1880],{"id":1879},[1684,2984,2985,2995],{},[1687,2986,2987],{},[1690,2988,2989,2991,2993],{},[1693,2990,1889],{},[1693,2992,1682],{},[1693,2994,2965],{},[1703,2996,2997,3008,3021,3036],{},[1690,2998,2999,3003,3005],{},[1708,3000,3001],{},[707,3002,1902],{},[1708,3004,1736],{},[1708,3006,3007],{},"Konten untuk tab itu, satu named slot per item",[1690,3009,3010,3014,3018],{},[1708,3011,3012],{},[707,3013,942],{},[1708,3015,3016],{},[707,3017,1918],{},[1708,3019,3020],{},"Menggantikan konten label tab",[1690,3022,3023,3029,3033],{},[1708,3024,3025,1462,3027],{},[707,3026,1354],{},[707,3028,1358],{},[1708,3030,3031],{},[707,3032,1934],{},[1708,3034,3035],{},"Menggantikan chevron kontrol default",[1690,3037,3038,3044,3048],{},[1708,3039,3040,1462,3042],{},[707,3041,1362],{},[707,3043,1366],{},[1708,3045,3046],{},[707,3047,1950],{},[1708,3049,3050],{},"Menggantikan seluruh kontrol overflow",[929,3052,3053,3054,3056,3057,3059,3060,3062],{},"Untuk tabs yang tidak terkontrol, berikan ",[707,3055,1820],{}," untuk memilih panel awal. Nilai item menggunakan ",[707,3058,1962],{},", atau indeks berbasis nol item yang dikonversi ke string saat dihilangkan. Gunakan ",[707,3061,1966],{}," saat parent memiliki seleksi.",[1969,3064,1971],{},{"title":705,"searchDepth":766,"depth":766,"links":3066},[3067,3075,3078,3079,3080],{"id":2000,"depth":740,"text":2001,"children":3068},[3069,3070,3071,3072,3073,3074],{"id":2175,"depth":766,"text":2176},{"id":2331,"depth":766,"text":2332},{"id":1224,"depth":766,"text":1225},{"id":1288,"depth":766,"text":1289},{"id":2641,"depth":766,"text":2642},{"id":1547,"depth":766,"text":1548},{"id":2765,"depth":740,"text":2766,"children":3076},[3077],{"id":1658,"depth":766,"text":1985},{"id":1681,"depth":740,"text":1682},{"id":1844,"depth":740,"text":1845},{"id":1879,"depth":740,"text":1880},"Daftar tab yang didorong oleh items, dibangun di atas primitif Tabs milik Reka UI.",{},"\u002Fid\u002Fcomponents\u002Fnavigation\u002Ftabs",{"title":347,"description":3081},"id\u002Fcomponents\u002Fnavigation\u002Ftabs","PsNYwhPIdQPsdNBrNz8OdB_0D3WxT6neGIMNlSYBQzk",1792925238239]