[{"data":1,"prerenderedAt":1553},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Foverview\u002Fgetting-started\u002Ficons":649},[4,11,124,509,568,593],{"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,66,103],{"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],{"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},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",90,{"title":67,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":68,"stem":69,"children":70,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[71,74,78,82,86,90,95,99],{"title":67,"path":72,"stem":73,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":75,"path":76,"stem":77,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":79,"path":80,"stem":81,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":83,"path":84,"stem":85,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":87,"path":88,"stem":89,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":91,"path":92,"stem":93,"order":94,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":96,"path":97,"stem":98,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":100,"path":101,"stem":102,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":104,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":105,"stem":106,"children":107,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[108,112,116,120],{"title":109,"path":110,"stem":111,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":113,"path":114,"stem":115,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":117,"path":118,"stem":119,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":121,"path":122,"stem":123,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":125,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":126,"stem":127,"children":128,"page":10},"Components","\u002Fcomponents","components",[129,202,301,320,364,417,470],{"title":130,"path":131,"stem":132,"children":133,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[134,138,143,148,153,158,162,167,172,177,182,187,192,197],{"title":135,"path":136,"stem":137,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":139,"path":140,"stem":141,"order":142,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":144,"path":145,"stem":146,"order":147,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":149,"path":150,"stem":151,"order":152,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":154,"path":155,"stem":156,"order":157,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":159,"path":160,"stem":161,"order":157,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":163,"path":164,"stem":165,"order":166,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":168,"path":169,"stem":170,"order":171,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":173,"path":174,"stem":175,"order":176,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":178,"path":179,"stem":180,"order":181,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":183,"path":184,"stem":185,"order":186,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":188,"path":189,"stem":190,"order":191,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":193,"path":194,"stem":195,"order":196,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":198,"path":199,"stem":200,"order":201,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":203,"path":204,"stem":205,"children":206,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[207,211,216,221,226,231,236,241,246,251,256,261,266,271,276,281,286,291,296],{"title":208,"path":209,"stem":210,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":212,"path":213,"stem":214,"order":215,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":217,"path":218,"stem":219,"order":220,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",20.5,{"title":222,"path":223,"stem":224,"order":225,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":227,"path":228,"stem":229,"order":230,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":232,"path":233,"stem":234,"order":235,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":237,"path":238,"stem":239,"order":240,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":242,"path":243,"stem":244,"order":245,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":247,"path":248,"stem":249,"order":250,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":252,"path":253,"stem":254,"order":255,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":257,"path":258,"stem":259,"order":260,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":262,"path":263,"stem":264,"order":265,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":267,"path":268,"stem":269,"order":270,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":272,"path":273,"stem":274,"order":275,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":277,"path":278,"stem":279,"order":280,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":282,"path":283,"stem":284,"order":285,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":287,"path":288,"stem":289,"order":290,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":292,"path":293,"stem":294,"order":295,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":297,"path":298,"stem":299,"order":300,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":302,"path":303,"stem":304,"children":305,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[306,311,315],{"title":307,"path":308,"stem":309,"order":310,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":312,"path":313,"stem":314,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":316,"path":317,"stem":318,"order":319,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":321,"path":322,"stem":323,"children":324,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[325,330,334,339,344,349,354,359],{"title":326,"path":327,"stem":328,"order":329,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":331,"path":332,"stem":333,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":335,"path":336,"stem":337,"order":338,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":340,"path":341,"stem":342,"order":343,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":345,"path":346,"stem":347,"order":348,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":350,"path":351,"stem":352,"order":353,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":355,"path":356,"stem":357,"order":358,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":360,"path":361,"stem":362,"order":363,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":365,"path":366,"stem":367,"children":368,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[369,373,378,383,388,393,398,403,408,412],{"title":370,"path":371,"stem":372,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":374,"path":375,"stem":376,"order":377,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":379,"path":380,"stem":381,"order":382,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":384,"path":385,"stem":386,"order":387,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":389,"path":390,"stem":391,"order":392,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":394,"path":395,"stem":396,"order":397,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":399,"path":400,"stem":401,"order":402,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":404,"path":405,"stem":406,"order":407,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":409,"path":410,"stem":411,"order":94,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":413,"path":414,"stem":415,"order":416,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":418,"path":419,"stem":420,"children":421,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[422,427,431,436,441,446,450,455,460,465],{"title":423,"path":424,"stem":425,"order":426,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":428,"path":429,"stem":430,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":432,"path":433,"stem":434,"order":435,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":437,"path":438,"stem":439,"order":440,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":442,"path":443,"stem":444,"order":445,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":447,"path":448,"stem":449,"order":445,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":451,"path":452,"stem":453,"order":454,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":456,"path":457,"stem":458,"order":459,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":461,"path":462,"stem":463,"order":464,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":466,"path":467,"stem":468,"order":469,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":471,"path":472,"stem":473,"children":474,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[475,479,484,489,494,499,504],{"title":476,"path":477,"stem":478,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":480,"path":481,"stem":482,"order":483,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":485,"path":486,"stem":487,"order":488,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":490,"path":491,"stem":492,"order":493,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":495,"path":496,"stem":497,"order":498,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":500,"path":501,"stem":502,"order":503,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":505,"path":506,"stem":507,"order":508,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":510,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":511,"stem":512,"children":513,"page":10},"Composites","\u002Fcomposites","composites",[514,543],{"title":515,"path":516,"stem":517,"children":518,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[519,523,527,531,535,539],{"title":520,"path":521,"stem":522,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":524,"path":525,"stem":526,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":528,"path":529,"stem":530,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":532,"path":533,"stem":534,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":536,"path":537,"stem":538,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":540,"path":541,"stem":542,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":544,"path":545,"stem":546,"children":547,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[548,552,556,560,564],{"title":549,"path":550,"stem":551,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":553,"path":554,"stem":555,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":557,"path":558,"stem":559,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":561,"path":562,"stem":563,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":565,"path":566,"stem":567,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":569,"order":570,"icon":9,"collapse":10,"navBadges":9,"path":571,"stem":572,"children":573,"page":10},"Blocks",35,"\u002Fblocks","blocks",[574,577,581,585,589],{"title":569,"path":575,"stem":576,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":578,"path":579,"stem":580,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":582,"path":583,"stem":584,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":586,"path":587,"stem":588,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":590,"path":591,"stem":592,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":594,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":595,"stem":596,"children":597,"page":10},"Utilities","\u002Futilities","utilities",[598,632],{"title":599,"path":600,"stem":601,"children":602,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[603,607,611,616,620,624,628],{"title":604,"path":605,"stem":606,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":608,"path":609,"stem":610,"order":166,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":612,"path":613,"stem":614,"order":615,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":617,"path":618,"stem":619,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":621,"path":622,"stem":623,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":625,"path":626,"stem":627,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":629,"path":630,"stem":631,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":633,"path":634,"stem":635,"children":636,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[637,641,645],{"title":638,"path":639,"stem":640,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":642,"path":643,"stem":644,"order":615,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":646,"path":647,"stem":648,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"id":650,"title":42,"aside":651,"body":652,"collapse":10,"description":1548,"editLink":651,"extension":1549,"icon":9,"meta":1550,"navBadges":9,"navigation":9,"order":45,"path":43,"prevNext":651,"seo":1551,"stem":44,"toc":651,"__hash__":1552},"docs\u002Foverview\u002Fgetting-started\u002Ficons.md",true,{"type":653,"value":654,"toc":1540},"minimark",[655,679,684,785,796,800,874,884,888,906,915,940,946,1045,1052,1056,1069,1154,1171,1175,1182,1322,1333,1378,1382,1388,1481,1484,1528,1536],[656,657,658,659,666,667,671,672,674,675,678],"p",{},"Selaras uses ",[660,661,665],"a",{"href":662,"rel":663},"https:\u002F\u002Fnuxt.com\u002Fmodules\u002Ficon",[664],"nofollow","Nuxt Icon"," under the hood and installs its module automatically. ",[668,669,670],"code",{},"SIcon"," wraps its ",[668,673,163],{}," component, so Nuxt Icon configuration, providers, aliases, and custom collections also apply to Selaras icons. Icon names use ",[668,676,677],{},"collection:name","; internal component icons default to Hugeicons.",[680,681,683],"h2",{"id":682},"local-icons","Local icons",[685,686,691],"pre",{"className":687,"code":688,"language":689,"meta":690,"style":690},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSButton icon=\"hugeicons:search-01\">Search\u003C\u002FSButton>\n\u003CSButton icon=\"hugeicons:cancel-01\" square aria-label=\"Close\" \u002F>\n\u003CSIcon name=\"hugeicons:calendar-01\" class=\"size-6\" aria-hidden=\"true\" \u002F>\n","vue-html","",[668,692,693,724,752],{"__ignoreMap":690},[694,695,697,701,705,709,712,716,719,721],"span",{"class":696,"line":8},"line",[694,698,700],{"class":699},"sVt8B","\u003C",[694,702,704],{"class":703},"s9eBZ","SButton",[694,706,708],{"class":707},"sScJk"," icon",[694,710,711],{"class":699},"=",[694,713,715],{"class":714},"sZZnC","\"hugeicons:search-01\"",[694,717,718],{"class":699},">Search\u003C\u002F",[694,720,704],{"class":703},[694,722,723],{"class":699},">\n",[694,725,727,729,731,733,735,738,741,744,746,749],{"class":696,"line":726},2,[694,728,700],{"class":699},[694,730,704],{"class":703},[694,732,708],{"class":707},[694,734,711],{"class":699},[694,736,737],{"class":714},"\"hugeicons:cancel-01\"",[694,739,740],{"class":707}," square",[694,742,743],{"class":707}," aria-label",[694,745,711],{"class":699},[694,747,748],{"class":714},"\"Close\"",[694,750,751],{"class":699}," \u002F>\n",[694,753,755,757,759,762,764,767,770,772,775,778,780,783],{"class":696,"line":754},3,[694,756,700],{"class":699},[694,758,670],{"class":703},[694,760,761],{"class":707}," name",[694,763,711],{"class":699},[694,765,766],{"class":714},"\"hugeicons:calendar-01\"",[694,768,769],{"class":707}," class",[694,771,711],{"class":699},[694,773,774],{"class":714},"\"size-6\"",[694,776,777],{"class":707}," aria-hidden",[694,779,711],{"class":699},[694,781,782],{"class":714},"\"true\"",[694,784,751],{"class":699},[656,786,787,788,791,792,795],{},"Components expose their supported ",[668,789,790],{},"icon",", ",[668,793,794],{},"trailingIcon",", or icon slots in their reference pages. Explicit icon names do not change when you override the internal registry. Give icon-only actions an accessible label; decorative icons can be hidden from assistive technology.",[680,797,799],{"id":798},"global-internal-icons","Global internal icons",[685,801,806],{"className":802,"code":803,"filename":804,"language":805,"meta":690,"style":690},"language-ts shiki shiki-themes github-light github-dark","export default defineAppConfig({\n  selaras: {\n    icons: {\n      close: 'hugeicons:cancel-01',\n      loading: 'hugeicons:loading-02',\n    },\n  },\n})\n","app.config.ts","ts",[668,807,808,823,828,833,845,856,862,868],{"__ignoreMap":690},[694,809,810,814,817,820],{"class":696,"line":8},[694,811,813],{"class":812},"szBVR","export",[694,815,816],{"class":812}," default",[694,818,819],{"class":707}," defineAppConfig",[694,821,822],{"class":699},"({\n",[694,824,825],{"class":696,"line":726},[694,826,827],{"class":699},"  selaras: {\n",[694,829,830],{"class":696,"line":754},[694,831,832],{"class":699},"    icons: {\n",[694,834,836,839,842],{"class":696,"line":835},4,[694,837,838],{"class":699},"      close: ",[694,840,841],{"class":714},"'hugeicons:cancel-01'",[694,843,844],{"class":699},",\n",[694,846,848,851,854],{"class":696,"line":847},5,[694,849,850],{"class":699},"      loading: ",[694,852,853],{"class":714},"'hugeicons:loading-02'",[694,855,844],{"class":699},[694,857,859],{"class":696,"line":858},6,[694,860,861],{"class":699},"    },\n",[694,863,865],{"class":696,"line":864},7,[694,866,867],{"class":699},"  },\n",[694,869,871],{"class":696,"line":870},8,[694,872,873],{"class":699},"})\n",[656,875,876,877,880,881,883],{},"Each key describes a purpose rather than a component. Overriding ",[668,878,879],{},"close"," changes components that read that registry key. Unspecified keys retain their defaults. See ",[660,882,621],{"href":622}," for the complete registry and how custom components can reuse it.",[680,885,887],{"id":886},"configuration-and-loading","Configuration and loading",[656,889,890,891,893,894,897,898,901,902,905],{},"Configure Nuxt Icon through the top-level ",[668,892,790],{}," key in ",[668,895,896],{},"nuxt.config.ts",", alongside ",[668,899,900],{},"selaras",". You do not need to register ",[668,903,904],{},"@nuxt\u002Ficon"," again.",[656,907,908,909,914],{},"Nuxt Icon can fetch icons from the ",[660,910,913],{"href":911,"rel":912},"https:\u002F\u002Ficonify.design\u002F",[664],"Iconify"," API when they are unavailable locally. This is convenient for trying collections, but runtime requests can delay an icon's appearance. Install the collections you use locally:",[685,916,920],{"className":917,"code":918,"language":919,"meta":690,"style":690},"language-bash shiki shiki-themes github-light github-dark","bun add -d @iconify-json\u002Fhugeicons @iconify-json\u002Flucide\n","bash",[668,921,922],{"__ignoreMap":690},[694,923,924,927,930,934,937],{"class":696,"line":8},[694,925,926],{"class":707},"bun",[694,928,929],{"class":714}," add",[694,931,933],{"class":932},"sj4cs"," -d",[694,935,936],{"class":714}," @iconify-json\u002Fhugeicons",[694,938,939],{"class":714}," @iconify-json\u002Flucide\n",[656,941,942,945],{},[668,943,944],{},"devDependencies"," is appropriate for the normal bundled build: icon data is consumed during building. Build environments must install dev dependencies. If you explicitly externalize icon JSON for runtime resolution, keep the packages available as production dependencies instead.",[685,947,949],{"className":802,"code":948,"filename":896,"language":805,"meta":690,"style":690},"export default defineNuxtConfig({\n  modules: ['@sewadah\u002Fselaras'],\n  icon: {\n    serverBundle: {\n      collections: ['hugeicons', 'lucide'],\n    },\n    clientBundle: {\n      scan: true,\n      icons: ['lucide:search', 'lucide:x'],\n    },\n  },\n})\n",[668,950,951,962,973,978,983,998,1002,1007,1017,1033,1037,1041],{"__ignoreMap":690},[694,952,953,955,957,960],{"class":696,"line":8},[694,954,813],{"class":812},[694,956,816],{"class":812},[694,958,959],{"class":707}," defineNuxtConfig",[694,961,822],{"class":699},[694,963,964,967,970],{"class":696,"line":726},[694,965,966],{"class":699},"  modules: [",[694,968,969],{"class":714},"'@sewadah\u002Fselaras'",[694,971,972],{"class":699},"],\n",[694,974,975],{"class":696,"line":754},[694,976,977],{"class":699},"  icon: {\n",[694,979,980],{"class":696,"line":835},[694,981,982],{"class":699},"    serverBundle: {\n",[694,984,985,988,991,993,996],{"class":696,"line":847},[694,986,987],{"class":699},"      collections: [",[694,989,990],{"class":714},"'hugeicons'",[694,992,791],{"class":699},[694,994,995],{"class":714},"'lucide'",[694,997,972],{"class":699},[694,999,1000],{"class":696,"line":858},[694,1001,861],{"class":699},[694,1003,1004],{"class":696,"line":864},[694,1005,1006],{"class":699},"    clientBundle: {\n",[694,1008,1009,1012,1015],{"class":696,"line":870},[694,1010,1011],{"class":699},"      scan: ",[694,1013,1014],{"class":932},"true",[694,1016,844],{"class":699},[694,1018,1020,1023,1026,1028,1031],{"class":696,"line":1019},9,[694,1021,1022],{"class":699},"      icons: [",[694,1024,1025],{"class":714},"'lucide:search'",[694,1027,791],{"class":699},[694,1029,1030],{"class":714},"'lucide:x'",[694,1032,972],{"class":699},[694,1034,1035],{"class":696,"line":13},[694,1036,861],{"class":699},[694,1038,1039],{"class":696,"line":147},[694,1040,867],{"class":699},[694,1042,1043],{"class":696,"line":166},[694,1044,873],{"class":699},[656,1046,1047,1048,1051],{},"Installing a collection avoids relying on the public API; it does not alone guarantee immediate rendering. The client bundle makes known icons available without an icon request. Scanning finds literal names; add dynamically selected names explicitly to ",[668,1049,1050],{},"clientBundle.icons",". This is especially useful for static sites without a Nuxt server endpoint.",[680,1053,1055],{"id":1054},"runtime-customization","Runtime customization",[656,1057,1058,1059,1061,1062,1064,1065,1068],{},"Nuxt Icon's runtime settings belong under ",[668,1060,790],{}," in ",[668,1063,804],{},". Selaras's internal-purpose registry remains under ",[668,1066,1067],{},"selaras.icons",":",[685,1070,1072],{"className":802,"code":1071,"filename":804,"language":805,"meta":690,"style":690},"export default defineAppConfig({\n  icon: {\n    mode: 'svg',\n    aliases: {\n      'app-search': 'lucide:search',\n    },\n  },\n  selaras: {\n    icons: {\n      search: 'app-search',\n    },\n  },\n})\n",[668,1073,1074,1084,1088,1098,1103,1115,1119,1123,1127,1131,1141,1145,1149],{"__ignoreMap":690},[694,1075,1076,1078,1080,1082],{"class":696,"line":8},[694,1077,813],{"class":812},[694,1079,816],{"class":812},[694,1081,819],{"class":707},[694,1083,822],{"class":699},[694,1085,1086],{"class":696,"line":726},[694,1087,977],{"class":699},[694,1089,1090,1093,1096],{"class":696,"line":754},[694,1091,1092],{"class":699},"    mode: ",[694,1094,1095],{"class":714},"'svg'",[694,1097,844],{"class":699},[694,1099,1100],{"class":696,"line":835},[694,1101,1102],{"class":699},"    aliases: {\n",[694,1104,1105,1108,1111,1113],{"class":696,"line":847},[694,1106,1107],{"class":714},"      'app-search'",[694,1109,1110],{"class":699},": ",[694,1112,1025],{"class":714},[694,1114,844],{"class":699},[694,1116,1117],{"class":696,"line":858},[694,1118,861],{"class":699},[694,1120,1121],{"class":696,"line":864},[694,1122,867],{"class":699},[694,1124,1125],{"class":696,"line":870},[694,1126,827],{"class":699},[694,1128,1129],{"class":696,"line":1019},[694,1130,832],{"class":699},[694,1132,1133,1136,1139],{"class":696,"line":13},[694,1134,1135],{"class":699},"      search: ",[694,1137,1138],{"class":714},"'app-search'",[694,1140,844],{"class":699},[694,1142,1143],{"class":696,"line":147},[694,1144,861],{"class":699},[694,1146,1147],{"class":696,"line":166},[694,1148,867],{"class":699},[694,1150,1152],{"class":696,"line":1151},13,[694,1153,873],{"class":699},[656,1155,1156,1157,1160,1161,1164,1165,1170],{},"Nuxt Icon also supports global SVG customization through ",[668,1158,1159],{},"icon.customize",". Selaras components set their own icon sizing classes, so prefer their ",[668,1162,1163],{},"ui"," slots for sizing individual component parts. See the ",[660,1166,1169],{"href":1167,"rel":1168},"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Ficon#icon-customization",[664],"Nuxt Icon configuration reference"," for the full upstream API.",[680,1172,1174],{"id":1173},"custom-svg-collections","Custom SVG collections",[656,1176,1177,1178,1181],{},"Place SVG files in ",[668,1179,1180],{},"app\u002Fassets\u002Ficons",", then register a collection:",[685,1183,1185],{"className":802,"code":1184,"filename":896,"language":805,"meta":690,"style":690},"import { createResolver } from 'nuxt\u002Fkit'\n\nconst { resolve } = createResolver(import.meta.url)\n\nexport default defineNuxtConfig({\n  modules: ['@sewadah\u002Fselaras'],\n  icon: {\n    customCollections: [\n      { prefix: 'app', dir: resolve('.\u002Fapp\u002Fassets\u002Ficons') },\n    ],\n    clientBundle: {\n      includeCustomCollections: true,\n    },\n  },\n})\n",[668,1186,1187,1201,1206,1239,1243,1253,1261,1265,1270,1291,1296,1300,1309,1313,1318],{"__ignoreMap":690},[694,1188,1189,1192,1195,1198],{"class":696,"line":8},[694,1190,1191],{"class":812},"import",[694,1193,1194],{"class":699}," { createResolver } ",[694,1196,1197],{"class":812},"from",[694,1199,1200],{"class":714}," 'nuxt\u002Fkit'\n",[694,1202,1203],{"class":696,"line":726},[694,1204,1205],{"emptyLinePlaceholder":651},"\n",[694,1207,1208,1211,1214,1217,1220,1222,1225,1228,1230,1233,1236],{"class":696,"line":754},[694,1209,1210],{"class":812},"const",[694,1212,1213],{"class":699}," { ",[694,1215,1216],{"class":932},"resolve",[694,1218,1219],{"class":699}," } ",[694,1221,711],{"class":812},[694,1223,1224],{"class":707}," createResolver",[694,1226,1227],{"class":699},"(",[694,1229,1191],{"class":812},[694,1231,1232],{"class":699},".",[694,1234,1235],{"class":932},"meta",[694,1237,1238],{"class":699},".url)\n",[694,1240,1241],{"class":696,"line":835},[694,1242,1205],{"emptyLinePlaceholder":651},[694,1244,1245,1247,1249,1251],{"class":696,"line":847},[694,1246,813],{"class":812},[694,1248,816],{"class":812},[694,1250,959],{"class":707},[694,1252,822],{"class":699},[694,1254,1255,1257,1259],{"class":696,"line":858},[694,1256,966],{"class":699},[694,1258,969],{"class":714},[694,1260,972],{"class":699},[694,1262,1263],{"class":696,"line":864},[694,1264,977],{"class":699},[694,1266,1267],{"class":696,"line":870},[694,1268,1269],{"class":699},"    customCollections: [\n",[694,1271,1272,1275,1278,1281,1283,1285,1288],{"class":696,"line":1019},[694,1273,1274],{"class":699},"      { prefix: ",[694,1276,1277],{"class":714},"'app'",[694,1279,1280],{"class":699},", dir: ",[694,1282,1216],{"class":707},[694,1284,1227],{"class":699},[694,1286,1287],{"class":714},"'.\u002Fapp\u002Fassets\u002Ficons'",[694,1289,1290],{"class":699},") },\n",[694,1292,1293],{"class":696,"line":13},[694,1294,1295],{"class":699},"    ],\n",[694,1297,1298],{"class":696,"line":147},[694,1299,1006],{"class":699},[694,1301,1302,1305,1307],{"class":696,"line":166},[694,1303,1304],{"class":699},"      includeCustomCollections: ",[694,1306,1014],{"class":932},[694,1308,844],{"class":699},[694,1310,1311],{"class":696,"line":1151},[694,1312,861],{"class":699},[694,1314,1316],{"class":696,"line":1315},14,[694,1317,867],{"class":699},[694,1319,1320],{"class":696,"line":615},[694,1321,873],{"class":699},[656,1323,1324,1325,1328,1329,1332],{},"A file named ",[668,1326,1327],{},"brand.svg"," becomes ",[668,1330,1331],{},"app:brand",". Including custom collections in the client bundle also makes them available on static hosting.",[685,1334,1336],{"className":687,"code":1335,"language":689,"meta":690,"style":690},"\u003CSIcon name=\"app:brand\" class=\"size-6\" \u002F>\n\u003CSButton icon=\"app:brand\">Workspace\u003C\u002FSButton>\n",[668,1337,1338,1359],{"__ignoreMap":690},[694,1339,1340,1342,1344,1346,1348,1351,1353,1355,1357],{"class":696,"line":8},[694,1341,700],{"class":699},[694,1343,670],{"class":703},[694,1345,761],{"class":707},[694,1347,711],{"class":699},[694,1349,1350],{"class":714},"\"app:brand\"",[694,1352,769],{"class":707},[694,1354,711],{"class":699},[694,1356,774],{"class":714},[694,1358,751],{"class":699},[694,1360,1361,1363,1365,1367,1369,1371,1374,1376],{"class":696,"line":726},[694,1362,700],{"class":699},[694,1364,704],{"class":703},[694,1366,708],{"class":707},[694,1368,711],{"class":699},[694,1370,1350],{"class":714},[694,1372,1373],{"class":699},">Workspace\u003C\u002F",[694,1375,704],{"class":703},[694,1377,723],{"class":699},[680,1379,1381],{"id":1380},"vue-components-as-icons","Vue components as icons",[656,1383,1384,1385,1068],{},"Nuxt Icon can resolve a globally registered Vue component by name. For example, create ",[668,1386,1387],{},"app\u002Fcomponents\u002Fglobal\u002FBrandIcon.vue",[685,1389,1393],{"className":1390,"code":1391,"language":1392,"meta":690,"style":690},"language-vue shiki shiki-themes github-light github-dark","\u003Ctemplate>\n  \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\">\n    \u003Cpath d=\"M4 12L12 4L20 12L12 20Z\" fill=\"currentColor\" \u002F>\n  \u003C\u002Fsvg>\n\u003C\u002Ftemplate>\n","vue",[668,1394,1395,1404,1438,1463,1472],{"__ignoreMap":690},[694,1396,1397,1399,1402],{"class":696,"line":8},[694,1398,700],{"class":699},[694,1400,1401],{"class":703},"template",[694,1403,723],{"class":699},[694,1405,1406,1409,1412,1415,1417,1420,1423,1425,1428,1431,1433,1436],{"class":696,"line":726},[694,1407,1408],{"class":699},"  \u003C",[694,1410,1411],{"class":703},"svg",[694,1413,1414],{"class":707}," viewBox",[694,1416,711],{"class":699},[694,1418,1419],{"class":714},"\"0 0 24 24\"",[694,1421,1422],{"class":707}," fill",[694,1424,711],{"class":699},[694,1426,1427],{"class":714},"\"none\"",[694,1429,1430],{"class":707}," xmlns",[694,1432,711],{"class":699},[694,1434,1435],{"class":714},"\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\"",[694,1437,723],{"class":699},[694,1439,1440,1443,1446,1449,1451,1454,1456,1458,1461],{"class":696,"line":754},[694,1441,1442],{"class":699},"    \u003C",[694,1444,1445],{"class":703},"path",[694,1447,1448],{"class":707}," d",[694,1450,711],{"class":699},[694,1452,1453],{"class":714},"\"M4 12L12 4L20 12L12 20Z\"",[694,1455,1422],{"class":707},[694,1457,711],{"class":699},[694,1459,1460],{"class":714},"\"currentColor\"",[694,1462,751],{"class":699},[694,1464,1465,1468,1470],{"class":696,"line":835},[694,1466,1467],{"class":699},"  \u003C\u002F",[694,1469,1411],{"class":703},[694,1471,723],{"class":699},[694,1473,1474,1477,1479],{"class":696,"line":847},[694,1475,1476],{"class":699},"\u003C\u002F",[694,1478,1401],{"class":703},[694,1480,723],{"class":699},[656,1482,1483],{},"Then use that component name through Selaras:",[685,1485,1487],{"className":687,"code":1486,"language":689,"meta":690,"style":690},"\u003CSIcon name=\"BrandIcon\" class=\"size-6\" \u002F>\n\u003CSButton icon=\"BrandIcon\">Workspace\u003C\u002FSButton>\n",[668,1488,1489,1510],{"__ignoreMap":690},[694,1490,1491,1493,1495,1497,1499,1502,1504,1506,1508],{"class":696,"line":8},[694,1492,700],{"class":699},[694,1494,670],{"class":703},[694,1496,761],{"class":707},[694,1498,711],{"class":699},[694,1500,1501],{"class":714},"\"BrandIcon\"",[694,1503,769],{"class":707},[694,1505,711],{"class":699},[694,1507,774],{"class":714},[694,1509,751],{"class":699},[694,1511,1512,1514,1516,1518,1520,1522,1524,1526],{"class":696,"line":726},[694,1513,700],{"class":699},[694,1515,704],{"class":703},[694,1517,708],{"class":707},[694,1519,711],{"class":699},[694,1521,1501],{"class":714},[694,1523,1373],{"class":699},[694,1525,704],{"class":703},[694,1527,723],{"class":699},[656,1529,1530,1531,1232],{},"The component must be globally registered; an ordinary local import is insufficient for name-based resolution. Nuxt Icon renders the component directly and ignores its CSS\u002FSVG mode setting for that icon. See ",[660,1532,1535],{"href":1533,"rel":1534},"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Ficon#vue-component",[664],"Nuxt Icon's component support",[1537,1538,1539],"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 .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}",{"title":690,"searchDepth":754,"depth":754,"links":1541},[1542,1543,1544,1545,1546,1547],{"id":682,"depth":726,"text":683},{"id":798,"depth":726,"text":799},{"id":886,"depth":726,"text":887},{"id":1054,"depth":726,"text":1055},{"id":1173,"depth":726,"text":1174},{"id":1380,"depth":726,"text":1381},"Configure internal icons globally and provide icons locally.","md",{},{"title":42,"description":1548},"btGlImRrjPQdyOoztg0v4shamNPrm2mwqpXdmXTliv0",1792056131247]