[{"data":1,"prerenderedAt":1396},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-none":352,"page-en-\u002Fguides\u002Ficons":353},{"\u002Fit\u002Fcomponenti\u002Fbb-accordion":4,"\u002Fen\u002Fcomponents\u002Fbb-accordion":5,"\u002Fit\u002Fcomponenti\u002Fbb-alert":6,"\u002Fen\u002Fcomponents\u002Fbb-alert":7,"\u002Fit\u002Fcomponenti\u002Fbb-asterisk":8,"\u002Fen\u002Fcomponents\u002Fbb-asterisk":9,"\u002Fit\u002Fcomponenti\u002Fbb-avatar":10,"\u002Fen\u002Fcomponents\u002Fbb-avatar":11,"\u002Fit\u002Fcomponenti\u002Fbb-badge":12,"\u002Fen\u002Fcomponents\u002Fbb-badge":13,"\u002Fit\u002Fcomponenti\u002Fbb-base-button":14,"\u002Fen\u002Fcomponents\u002Fbb-base-button":15,"\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs":16,"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs":17,"\u002Fit\u002Fcomponenti\u002Fbb-button":18,"\u002Fen\u002Fcomponents\u002Fbb-button":19,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox":20,"\u002Fen\u002Fcomponents\u002Fbb-checkbox":21,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group":22,"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group":23,"\u002Fit\u002Fcomponenti\u002Fbb-collapsible":24,"\u002Fen\u002Fcomponents\u002Fbb-collapsible":25,"\u002Fit\u002Fcomponenti\u002Fbb-color-input":26,"\u002Fen\u002Fcomponents\u002Fbb-color-input":27,"\u002Fit\u002Fcomponenti\u002Fbb-color-palette":28,"\u002Fen\u002Fcomponents\u002Fbb-color-palette":29,"\u002Fit\u002Fcomponenti\u002Fbb-confirm":30,"\u002Fen\u002Fcomponents\u002Fbb-confirm":31,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker":32,"\u002Fen\u002Fcomponents\u002Fbb-date-picker":33,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input":34,"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input":35,"\u002Fit\u002Fcomponenti\u002Fbb-dialog":36,"\u002Fen\u002Fcomponents\u002Fbb-dialog":37,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown":38,"\u002Fen\u002Fcomponents\u002Fbb-dropdown":39,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button":40,"\u002Fen\u002Fcomponents\u002Fbb-dropdown-button":41,"\u002Fit\u002Fcomponenti\u002Fbb-dropzone":42,"\u002Fen\u002Fcomponents\u002Fbb-dropzone":43,"\u002Fit\u002Fcomponenti\u002Fbb-form":44,"\u002Fen\u002Fcomponents\u002Fbb-form":45,"\u002Fit\u002Fcomponenti\u002Fbb-icon":46,"\u002Fen\u002Fcomponents\u002Fbb-icon":47,"\u002Fit\u002Fcomponenti\u002Fbb-indicator":48,"\u002Fen\u002Fcomponents\u002Fbb-indicator":49,"\u002Fit\u002Fcomponenti\u002Fbb-number-input":50,"\u002Fen\u002Fcomponents\u002Fbb-number-input":51,"\u002Fit\u002Fcomponenti\u002Fbb-off-canvas":52,"\u002Fen\u002Fcomponents\u002Fbb-off-canvas":53,"\u002Fit\u002Fcomponenti\u002Fbb-pagination":54,"\u002Fen\u002Fcomponents\u002Fbb-pagination":55,"\u002Fit\u002Fcomponenti\u002Fbb-popover":56,"\u002Fen\u002Fcomponents\u002Fbb-popover":57,"\u002Fit\u002Fcomponenti\u002Fbb-progress":58,"\u002Fen\u002Fcomponents\u002Fbb-progress":59,"\u002Fit\u002Fcomponenti\u002Fbb-radio":60,"\u002Fen\u002Fcomponents\u002Fbb-radio":61,"\u002Fit\u002Fcomponenti\u002Fbb-radio-group":62,"\u002Fen\u002Fcomponents\u002Fbb-radio-group":63,"\u002Fit\u002Fcomponenti\u002Fbb-rating":64,"\u002Fen\u002Fcomponents\u002Fbb-rating":65,"\u002Fit\u002Fcomponenti\u002Fbb-select":66,"\u002Fen\u002Fcomponents\u002Fbb-select":67,"\u002Fit\u002Fcomponenti\u002Fbb-select-popover":68,"\u002Fen\u002Fcomponents\u002Fbb-select-popover":69,"\u002Fit\u002Fcomponenti\u002Fbb-slider":70,"\u002Fen\u002Fcomponents\u002Fbb-slider":71,"\u002Fit\u002Fcomponenti\u002Fbb-smooth-height":72,"\u002Fen\u002Fcomponents\u002Fbb-smooth-height":73,"\u002Fit\u002Fcomponenti\u002Fbb-spinner":74,"\u002Fen\u002Fcomponents\u002Fbb-spinner":75,"\u002Fit\u002Fcomponenti\u002Fbb-switch":76,"\u002Fen\u002Fcomponents\u002Fbb-switch":77,"\u002Fit\u002Fcomponenti\u002Fbb-switch-group":78,"\u002Fen\u002Fcomponents\u002Fbb-switch-group":79,"\u002Fit\u002Fcomponenti\u002Fbb-table":80,"\u002Fen\u002Fcomponents\u002Fbb-table":81,"\u002Fit\u002Fcomponenti\u002Fbb-tabs":82,"\u002Fen\u002Fcomponents\u002Fbb-tabs":83,"\u002Fit\u002Fcomponenti\u002Fbb-tag":84,"\u002Fen\u002Fcomponents\u002Fbb-tag":85,"\u002Fit\u002Fcomponenti\u002Fbb-text-input":86,"\u002Fen\u002Fcomponents\u002Fbb-text-input":87,"\u002Fit\u002Fcomponenti\u002Fbb-textarea":88,"\u002Fen\u002Fcomponents\u002Fbb-textarea":89,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker":90,"\u002Fen\u002Fcomponents\u002Fbb-time-picker":91,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input":92,"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input":93,"\u002Fit\u002Fcomponenti\u002Fbb-toast":94,"\u002Fen\u002Fcomponents\u002Fbb-toast":95,"\u002Fit\u002Fcomponenti\u002Fbb-tooltip":96,"\u002Fen\u002Fcomponents\u002Fbb-tooltip":97,"\u002Fit\u002Fcomponenti\u002Fbb-tree":98,"\u002Fen\u002Fcomponents\u002Fbb-tree":99,"\u002Fit\u002Fguide\u002Fai-agents":100,"\u002Fen\u002Fguides\u002Fai-agents":101,"\u002Fit\u002Fguide\u002Fcoherence":102,"\u002Fen\u002Fguides\u002Fcoherence":103,"\u002Fit\u002Fguide\u002Fdesign-language":104,"\u002Fen\u002Fguides\u002Fdesign-language":105,"\u002Fit\u002Fguide\u002Fdesign-tokens":106,"\u002Fen\u002Fguides\u002Fdesign-tokens":107,"\u002Fit\u002Fguide\u002Ffetching-data":108,"\u002Fen\u002Fguides\u002Ffetching-data":109,"\u002Fit\u002Fguide\u002Ficons":110,"\u002Fen\u002Fguides\u002Ficons":111,"\u002Fit\u002Fguide\u002Finertia":112,"\u002Fen\u002Fguides\u002Finertia":113,"\u002Fit\u002Fguide\u002Finstallation":114,"\u002Fen\u002Fguides\u002Finstallation":115,"\u002Fit\u002Fguide\u002Fmigration":116,"\u002Fen\u002Fguides\u002Fmigration":117,"\u002Fit\u002Fguide\u002Fnuxt":118,"\u002Fen\u002Fguides\u002Fnuxt":119,"\u002Fit\u002Fguide\u002Foptions-and-items":120,"\u002Fen\u002Fguides\u002Foptions-and-items":121,"\u002Fit\u002Fguide\u002Fvalidated-forms":122,"\u002Fen\u002Fguides\u002Fvalidated-forms":123},"\u002Fen\u002Fcomponents\u002Fbb-accordion","\u002Fit\u002Fcomponenti\u002Fbb-accordion","\u002Fen\u002Fcomponents\u002Fbb-alert","\u002Fit\u002Fcomponenti\u002Fbb-alert","\u002Fen\u002Fcomponents\u002Fbb-asterisk","\u002Fit\u002Fcomponenti\u002Fbb-asterisk","\u002Fen\u002Fcomponents\u002Fbb-avatar","\u002Fit\u002Fcomponenti\u002Fbb-avatar","\u002Fen\u002Fcomponents\u002Fbb-badge","\u002Fit\u002Fcomponenti\u002Fbb-badge","\u002Fen\u002Fcomponents\u002Fbb-base-button","\u002Fit\u002Fcomponenti\u002Fbb-base-button","\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs","\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs","\u002Fen\u002Fcomponents\u002Fbb-button","\u002Fit\u002Fcomponenti\u002Fbb-button","\u002Fen\u002Fcomponents\u002Fbb-checkbox","\u002Fit\u002Fcomponenti\u002Fbb-checkbox","\u002Fen\u002Fcomponents\u002Fbb-checkbox-group","\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group","\u002Fen\u002Fcomponents\u002Fbb-collapsible","\u002Fit\u002Fcomponenti\u002Fbb-collapsible","\u002Fen\u002Fcomponents\u002Fbb-color-input","\u002Fit\u002Fcomponenti\u002Fbb-color-input","\u002Fen\u002Fcomponents\u002Fbb-color-palette","\u002Fit\u002Fcomponenti\u002Fbb-color-palette","\u002Fen\u002Fcomponents\u002Fbb-confirm","\u002Fit\u002Fcomponenti\u002Fbb-confirm","\u002Fen\u002Fcomponents\u002Fbb-date-picker","\u002Fit\u002Fcomponenti\u002Fbb-date-picker","\u002Fen\u002Fcomponents\u002Fbb-date-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input","\u002Fen\u002Fcomponents\u002Fbb-dialog","\u002Fit\u002Fcomponenti\u002Fbb-dialog","\u002Fen\u002Fcomponents\u002Fbb-dropdown","\u002Fit\u002Fcomponenti\u002Fbb-dropdown","\u002Fen\u002Fcomponents\u002Fbb-dropdown-button","\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button","\u002Fen\u002Fcomponents\u002Fbb-dropzone","\u002Fit\u002Fcomponenti\u002Fbb-dropzone","\u002Fen\u002Fcomponents\u002Fbb-form","\u002Fit\u002Fcomponenti\u002Fbb-form","\u002Fen\u002Fcomponents\u002Fbb-icon","\u002Fit\u002Fcomponenti\u002Fbb-icon","\u002Fen\u002Fcomponents\u002Fbb-indicator","\u002Fit\u002Fcomponenti\u002Fbb-indicator","\u002Fen\u002Fcomponents\u002Fbb-number-input","\u002Fit\u002Fcomponenti\u002Fbb-number-input","\u002Fen\u002Fcomponents\u002Fbb-off-canvas","\u002Fit\u002Fcomponenti\u002Fbb-off-canvas","\u002Fen\u002Fcomponents\u002Fbb-pagination","\u002Fit\u002Fcomponenti\u002Fbb-pagination","\u002Fen\u002Fcomponents\u002Fbb-popover","\u002Fit\u002Fcomponenti\u002Fbb-popover","\u002Fen\u002Fcomponents\u002Fbb-progress","\u002Fit\u002Fcomponenti\u002Fbb-progress","\u002Fen\u002Fcomponents\u002Fbb-radio","\u002Fit\u002Fcomponenti\u002Fbb-radio","\u002Fen\u002Fcomponents\u002Fbb-radio-group","\u002Fit\u002Fcomponenti\u002Fbb-radio-group","\u002Fen\u002Fcomponents\u002Fbb-rating","\u002Fit\u002Fcomponenti\u002Fbb-rating","\u002Fen\u002Fcomponents\u002Fbb-select","\u002Fit\u002Fcomponenti\u002Fbb-select","\u002Fen\u002Fcomponents\u002Fbb-select-popover","\u002Fit\u002Fcomponenti\u002Fbb-select-popover","\u002Fen\u002Fcomponents\u002Fbb-slider","\u002Fit\u002Fcomponenti\u002Fbb-slider","\u002Fen\u002Fcomponents\u002Fbb-smooth-height","\u002Fit\u002Fcomponenti\u002Fbb-smooth-height","\u002Fen\u002Fcomponents\u002Fbb-spinner","\u002Fit\u002Fcomponenti\u002Fbb-spinner","\u002Fen\u002Fcomponents\u002Fbb-switch","\u002Fit\u002Fcomponenti\u002Fbb-switch","\u002Fen\u002Fcomponents\u002Fbb-switch-group","\u002Fit\u002Fcomponenti\u002Fbb-switch-group","\u002Fen\u002Fcomponents\u002Fbb-table","\u002Fit\u002Fcomponenti\u002Fbb-table","\u002Fen\u002Fcomponents\u002Fbb-tabs","\u002Fit\u002Fcomponenti\u002Fbb-tabs","\u002Fen\u002Fcomponents\u002Fbb-tag","\u002Fit\u002Fcomponenti\u002Fbb-tag","\u002Fen\u002Fcomponents\u002Fbb-text-input","\u002Fit\u002Fcomponenti\u002Fbb-text-input","\u002Fen\u002Fcomponents\u002Fbb-textarea","\u002Fit\u002Fcomponenti\u002Fbb-textarea","\u002Fen\u002Fcomponents\u002Fbb-time-picker","\u002Fit\u002Fcomponenti\u002Fbb-time-picker","\u002Fen\u002Fcomponents\u002Fbb-time-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input","\u002Fen\u002Fcomponents\u002Fbb-toast","\u002Fit\u002Fcomponenti\u002Fbb-toast","\u002Fen\u002Fcomponents\u002Fbb-tooltip","\u002Fit\u002Fcomponenti\u002Fbb-tooltip","\u002Fen\u002Fcomponents\u002Fbb-tree","\u002Fit\u002Fcomponenti\u002Fbb-tree","\u002Fen\u002Fguides\u002Fai-agents","\u002Fit\u002Fguide\u002Fai-agents","\u002Fen\u002Fguides\u002Fcoherence","\u002Fit\u002Fguide\u002Fcoherence","\u002Fen\u002Fguides\u002Fdesign-language","\u002Fit\u002Fguide\u002Fdesign-language","\u002Fen\u002Fguides\u002Fdesign-tokens","\u002Fit\u002Fguide\u002Fdesign-tokens","\u002Fen\u002Fguides\u002Ffetching-data","\u002Fit\u002Fguide\u002Ffetching-data","\u002Fen\u002Fguides\u002Ficons","\u002Fit\u002Fguide\u002Ficons","\u002Fen\u002Fguides\u002Finertia","\u002Fit\u002Fguide\u002Finertia","\u002Fen\u002Fguides\u002Finstallation","\u002Fit\u002Fguide\u002Finstallation","\u002Fen\u002Fguides\u002Fmigration","\u002Fit\u002Fguide\u002Fmigration","\u002Fen\u002Fguides\u002Fnuxt","\u002Fit\u002Fguide\u002Fnuxt","\u002Fen\u002Fguides\u002Foptions-and-items","\u002Fit\u002Fguide\u002Foptions-and-items","\u002Fen\u002Fguides\u002Fvalidated-forms","\u002Fit\u002Fguide\u002Fvalidated-forms",[125,136,145,166,178,220,253,286,307,328,340,346],{"label":126,"entries":127},"Getting started",[128,132],{"title":129,"path":130,"order":131},"Installation","\u002Fguides\u002Finstallation",1,{"title":133,"path":134,"order":135},"Migrating from v2","\u002Fguides\u002Fmigration",2,{"label":137,"entries":138},"Design system",[139,142],{"title":140,"path":141,"order":131},"Design tokens","\u002Fguides\u002Fdesign-tokens",{"title":143,"path":144,"order":135},"Design language","\u002Fguides\u002Fdesign-language",{"label":146,"entries":147},"Playbooks",[148,151,154,158,162],{"title":149,"path":150,"order":131},"Options and items","\u002Fguides\u002Foptions-and-items",{"title":152,"path":153,"order":135},"Fetching data","\u002Fguides\u002Ffetching-data",{"title":155,"path":156,"order":157},"Coherence","\u002Fguides\u002Fcoherence",3,{"title":159,"path":160,"order":161},"Validated forms","\u002Fguides\u002Fvalidated-forms",4,{"title":163,"path":164,"order":165},"Icons","\u002Fguides\u002Ficons",5,{"label":167,"entries":168},"Ecosystem",[169,172,175],{"title":170,"path":171,"order":131},"Inertia and Laravel","\u002Fguides\u002Finertia",{"title":173,"path":174,"order":135},"Nuxt","\u002Fguides\u002Fnuxt",{"title":176,"path":177,"order":157},"AI agents","\u002Fguides\u002Fai-agents",{"label":179,"entries":180},"Inputs",[181,184,187,190,193,196,200,204,208,212,216],{"title":182,"path":183,"component":182,"order":131},"BbBaseButton","\u002Fcomponents\u002Fbb-base-button",{"title":185,"path":186,"component":185,"order":135},"BbButton","\u002Fcomponents\u002Fbb-button",{"title":188,"path":189,"component":188,"order":157},"BbColorInput","\u002Fcomponents\u002Fbb-color-input",{"title":191,"path":192,"component":191,"order":161},"BbDatePickerInput","\u002Fcomponents\u002Fbb-date-picker-input",{"title":194,"path":195,"component":194,"order":165},"BbDropzone","\u002Fcomponents\u002Fbb-dropzone",{"title":197,"path":198,"component":197,"order":199},"BbForm","\u002Fcomponents\u002Fbb-form",6,{"title":201,"path":202,"component":201,"order":203},"BbNumberInput","\u002Fcomponents\u002Fbb-number-input",7,{"title":205,"path":206,"component":205,"order":207},"BbTag","\u002Fcomponents\u002Fbb-tag",8,{"title":209,"path":210,"component":209,"order":211},"BbTextarea","\u002Fcomponents\u002Fbb-textarea",9,{"title":213,"path":214,"component":213,"order":215},"BbTextInput","\u002Fcomponents\u002Fbb-text-input",10,{"title":217,"path":218,"component":217,"order":219},"BbTimePickerInput","\u002Fcomponents\u002Fbb-time-picker-input",11,{"label":221,"entries":222},"Selection",[223,226,229,232,235,238,241,244,247,250],{"title":224,"path":225,"component":224,"order":131},"BbCheckbox","\u002Fcomponents\u002Fbb-checkbox",{"title":227,"path":228,"component":227,"order":135},"BbCheckboxGroup","\u002Fcomponents\u002Fbb-checkbox-group",{"title":230,"path":231,"component":230,"order":157},"BbRadio","\u002Fcomponents\u002Fbb-radio",{"title":233,"path":234,"component":233,"order":161},"BbRadioGroup","\u002Fcomponents\u002Fbb-radio-group",{"title":236,"path":237,"component":236,"order":165},"BbRating","\u002Fcomponents\u002Fbb-rating",{"title":239,"path":240,"component":239,"order":199},"BbSelect","\u002Fcomponents\u002Fbb-select",{"title":242,"path":243,"component":242,"order":203},"BbSelectPopover","\u002Fcomponents\u002Fbb-select-popover",{"title":245,"path":246,"component":245,"order":207},"BbSlider","\u002Fcomponents\u002Fbb-slider",{"title":248,"path":249,"component":248,"order":211},"BbSwitch","\u002Fcomponents\u002Fbb-switch",{"title":251,"path":252,"component":251,"order":215},"BbSwitchGroup","\u002Fcomponents\u002Fbb-switch-group",{"label":254,"entries":255},"Overlay",[256,259,262,265,268,271,274,277,280,283],{"title":257,"path":258,"component":257,"order":131},"BbColorPalette","\u002Fcomponents\u002Fbb-color-palette",{"title":260,"path":261,"component":260,"order":135},"BbConfirm","\u002Fcomponents\u002Fbb-confirm",{"title":263,"path":264,"component":263,"order":157},"BbDatePicker","\u002Fcomponents\u002Fbb-date-picker",{"title":266,"path":267,"component":266,"order":161},"BbDialog","\u002Fcomponents\u002Fbb-dialog",{"title":269,"path":270,"component":269,"order":165},"BbDropdown","\u002Fcomponents\u002Fbb-dropdown",{"title":272,"path":273,"component":272,"order":199},"BbDropdownButton","\u002Fcomponents\u002Fbb-dropdown-button",{"title":275,"path":276,"component":275,"order":203},"BbOffCanvas","\u002Fcomponents\u002Fbb-off-canvas",{"title":278,"path":279,"component":278,"order":207},"BbPopover","\u002Fcomponents\u002Fbb-popover",{"title":281,"path":282,"component":281,"order":211},"BbTimePicker","\u002Fcomponents\u002Fbb-time-picker",{"title":284,"path":285,"component":284,"order":215},"BbTooltip","\u002Fcomponents\u002Fbb-tooltip",{"label":287,"entries":288},"Navigation",[289,292,295,298,301,304],{"title":290,"path":291,"component":290,"order":131},"BbAccordion","\u002Fcomponents\u002Fbb-accordion",{"title":293,"path":294,"component":293,"order":135},"BbBreadcrumbs","\u002Fcomponents\u002Fbb-breadcrumbs",{"title":296,"path":297,"component":296,"order":157},"BbCollapsible","\u002Fcomponents\u002Fbb-collapsible",{"title":299,"path":300,"component":299,"order":161},"BbPagination","\u002Fcomponents\u002Fbb-pagination",{"title":302,"path":303,"component":302,"order":165},"BbTabs","\u002Fcomponents\u002Fbb-tabs",{"title":305,"path":306,"component":305,"order":199},"BbTree","\u002Fcomponents\u002Fbb-tree",{"label":308,"entries":309},"Feedback",[310,313,316,319,322,325],{"title":311,"path":312,"component":311,"order":131},"BbAlert","\u002Fcomponents\u002Fbb-alert",{"title":314,"path":315,"component":314,"order":135},"BbBadge","\u002Fcomponents\u002Fbb-badge",{"title":317,"path":318,"component":317,"order":157},"BbIndicator","\u002Fcomponents\u002Fbb-indicator",{"title":320,"path":321,"component":320,"order":161},"BbProgress","\u002Fcomponents\u002Fbb-progress",{"title":323,"path":324,"component":323,"order":165},"BbSpinner","\u002Fcomponents\u002Fbb-spinner",{"title":326,"path":327,"component":326,"order":199},"BbToast","\u002Fcomponents\u002Fbb-toast",{"label":329,"entries":330},"Data Display",[331,334,337],{"title":332,"path":333,"component":332,"order":131},"BbAvatar","\u002Fcomponents\u002Fbb-avatar",{"title":335,"path":336,"component":335,"order":135},"BbIcon","\u002Fcomponents\u002Fbb-icon",{"title":338,"path":339,"component":338,"order":157},"BbTable","\u002Fcomponents\u002Fbb-table",{"label":341,"entries":342},"Layout & Utility",[343],{"title":344,"path":345,"component":344,"order":131},"BbSmoothHeight","\u002Fcomponents\u002Fbb-smooth-height",{"label":347,"entries":348},"Other",[349],{"title":350,"path":351,"component":350,"order":131},"BbAsterisk","\u002Fcomponents\u002Fbb-asterisk",null,{"id":354,"title":163,"body":355,"component":352,"description":1382,"extension":1383,"group":146,"meta":1384,"navigation":1385,"order":165,"path":164,"sections":1386,"seo":1393,"stem":1394,"__hash__":1395},"docs_en\u002Fguides\u002Ficons.md",{"type":356,"value":357,"toc":1374},"minimark",[358,375,388,396,453,467,473,490,517,530,561,586,607,627,633,639,670,765,779,887,930,947,1029,1041,1047,1053,1136,1198,1204,1218,1243,1246,1252,1255,1261,1279,1303,1316,1351,1367,1370],[359,360,361,362,366,367,370,371,374],"p",{},"Icon names are provider-first. ",[363,364,365],"code",{},"lucide:plus"," resolves from an installed\n",[363,368,369],{},"@iconify-json\u002F*"," package, and ",[363,372,373],{},"local:logo"," from your own SVG directory. There is\nno registration step and no per-icon component to import.",[359,376,377,382,383,387],{},[378,379,380],"a",{"href":46},[363,381,335],{}," documents the component. This page is the\npolicy around it, which is mostly about ",[384,385,386],"em",{},"not"," reaching for it.",[389,390,392],"h2",{"id":391},"rules",[393,394,395],"span",{},"Five rules",[397,398,399,415,429,438,444],"ol",{},[400,401,402,406,407,410,411,414],"li",{},[403,404,405],"strong",{},"Prefer provider icons",". The house set is ",[363,408,409],{},"lucide:*",". Provider sets are\nplain npm packages you install yourself\n(",[363,412,413],{},"npm install -D @iconify-json\u002Flucide","), and the plugin resolves them on its\nown.",[400,416,417,424,425,428],{},[403,418,419,420,423],{},"Keep ",[363,421,422],{},"local:*"," for your own artwork",": logos, product illustrations,\none-off drawings, as SVG files in ",[363,426,427],{},"iconDir",".",[400,430,431,434,435,437],{},[403,432,433],{},"Never invent a name",". Use only names that exist in an installed set or as\nfiles in ",[363,436,427],{},". A missing icon throws at mount, and in dev that is a Vite\nerror overlay with the exact fix in it.",[400,439,440,443],{},[403,441,442],{},"Write names as static string literals",". This one is not obvious and it\nfails in production only.",[400,445,446,452],{},[403,447,448,449,451],{},"Never hand-place ",[363,450,335],{}," where a component already accepts an icon","\nthrough a prop, an item field, or a dedicated slot. The catalogue is further\ndown.",[454,455,456],"warning",{},[359,457,458,459,462,463,466],{},"Production builds scan your source for ",[363,460,461],{},"provider:name"," literals and bundle only\nwhat they find. A name assembled at runtime, ",[363,464,465],{},"`lucide:${kind}`",", is invisible\nto that scan and missing from the build. Dev will not tell you, because every\nicon of every installed set is registered there. Map dynamic state onto whole\nliterals, with a lookup object of complete names.",[389,468,470],{"id":469},"resolution",[393,471,472],{},"How a name resolves",[359,474,475,476,479,480,483,484,487,488,428],{},"The ",[363,477,478],{},"bitbossUi"," Vite plugin, or the Nuxt module under the ",[363,481,482],{},"bitboss"," config key,\nserves every icon through the ",[363,485,486],{},"virtual:bitboss-ui\u002Ficons"," module that the runtime\nplugin hands to ",[363,489,335],{},[359,491,492,495,496,498,499,502,503,506,507,510,511,513,514,428],{},[403,493,494],{},"Provider sets"," are auto-discovered. Every ",[363,497,369],{}," package in\n",[363,500,501],{},"node_modules"," is picked up. Install ",[363,504,505],{},"@iconify-json\u002Flucide"," and every valid\n",[363,508,509],{},"lucide:\u003Cname>"," is available; remove it and they all become errors. There is\nnothing to configure. To see which sets you already have, look for\n",[363,512,369],{}," in your ",[363,515,516],{},"package.json",[359,518,519,522,523,526,527,428],{},[403,520,521],{},"In dev",", all icons of the installed sets are registered, and a bad reference\nfails loudly with an actionable message. You get either\n",[363,524,525],{},"\"lucide:fo\" requires \"@iconify-json\u002Flucide\" — run: npm install -D …"," or\n",[363,528,529],{},"icon \"x\" does not exist in the lucide icon set",[359,531,532,535,536,535,539,535,542,535,545,548,549,552,553,556,557,560],{},[403,533,534],{},"In the build",", ",[363,537,538],{},".vue",[363,540,541],{},".ts",[363,543,544],{},".js",[363,546,547],{},".tsx"," and ",[363,550,551],{},".jsx"," sources are scanned,\ntests and stories excluded, and each referenced icon is emitted as its own lazy\nchunk. An icon used only in a ",[363,554,555],{},".stories.ts"," or ",[363,558,559],{},".test.ts"," therefore has to appear\nas a literal in a scanned source file too.",[359,562,563,566,567,569,570,573,574,577,578,581,582,585],{},[403,564,565],{},"Local icons",": ",[363,568,427],{}," is scanned recursively, and each ",[363,571,572],{},".svg"," becomes\n",[363,575,576],{},"local:\u003Cbasename>"," with the extension dropped. A bare, unprefixed name normalises\nto ",[363,579,580],{},"local:",". Add or remove a file and dev picks it up live. The plugin also\nmaintains a collection JSON and the VS Code\n",[363,583,584],{},"iconify.customCollectionJsonPaths"," setting, so the Iconify extension previews\nyour local icons too.",[359,587,588,591,592,594,595,598,599,602,603,606],{},[403,589,590],{},"Raw SVG"," is the escape hatch. ",[363,593,335],{},"'s ",[363,596,597],{},"icon"," prop also takes a full\n",[363,600,601],{},"\u003Csvg>…\u003C\u002Fsvg>"," string, typically an asset imported with ",[363,604,605],{},"?raw",", for a one-off\ndrawing that lives in no collection.",[608,609,610],"note",{},[359,611,612,613,548,616,619,620,623,624,428],{},"Heroicons' ",[363,614,615],{},"-20-",[363,617,618],{},"-16-"," size-variant names are filtered out, because CSS\ncontrols size and they would be redundant. Use the base name:\n",[363,621,622],{},"heroicons:check",", not ",[363,625,626],{},"heroicons:check-16-solid",[389,628,630],{"id":629},"props",[393,631,632],{},"Components that take an icon",[359,634,635,636,638],{},"Reach for these before ",[363,637,335],{},". Each one places, sizes and aligns the icon to\nmatch its own size, which is work you would otherwise redo with CSS.",[359,640,641,644,645,649,650,653,654,657,658,660,661,665,666,669],{},[403,642,643],{},"Buttons."," ",[378,646,647],{"href":18},[363,648,185],{}," takes ",[363,651,652],{},"prepend:icon"," and\n",[363,655,656],{},"append:icon"," beside the label; ",[363,659,597],{}," renders an icon-only button.\n",[378,662,663],{"href":40},[363,664,272],{}," takes the same two on the\nmain action, plus ",[363,667,668],{},"right:icon"," to replace the chevron in the split toggle.",[671,672,677],"pre",{"className":673,"code":674,"language":675,"meta":676,"style":676},"language-vue shiki shiki-themes github-light-high-contrast github-dark-high-contrast","\u003CBbButton prepend:icon=\"lucide:plus\">New invoice\u003C\u002FBbButton>\n\u003CBbButton variant=\"outline\" append:icon=\"lucide:download\">Export\u003C\u002FBbButton>\n\u003CBbButton variant=\"ghost\" icon=\"lucide:settings\">Settings\u003C\u002FBbButton>\n","vue","",[363,678,679,708,737],{"__ignoreMap":676},[393,680,682,686,689,693,696,700,703,705],{"class":681,"line":131},"line",[393,683,685],{"class":684},"suds8","\u003C",[393,687,185],{"class":688},"sne4z",[393,690,692],{"class":691},"s-5SL"," prepend:icon",[393,694,695],{"class":684},"=",[393,697,699],{"class":698},"sT6z2","\"lucide:plus\"",[393,701,702],{"class":684},">New invoice\u003C\u002F",[393,704,185],{"class":688},[393,706,707],{"class":684},">\n",[393,709,710,712,714,717,719,722,725,727,730,733,735],{"class":681,"line":135},[393,711,685],{"class":684},[393,713,185],{"class":688},[393,715,716],{"class":691}," variant",[393,718,695],{"class":684},[393,720,721],{"class":698},"\"outline\"",[393,723,724],{"class":691}," append:icon",[393,726,695],{"class":684},[393,728,729],{"class":698},"\"lucide:download\"",[393,731,732],{"class":684},">Export\u003C\u002F",[393,734,185],{"class":688},[393,736,707],{"class":684},[393,738,739,741,743,745,747,750,753,755,758,761,763],{"class":681,"line":157},[393,740,685],{"class":684},[393,742,185],{"class":688},[393,744,716],{"class":691},[393,746,695],{"class":684},[393,748,749],{"class":698},"\"ghost\"",[393,751,752],{"class":691}," icon",[393,754,695],{"class":684},[393,756,757],{"class":698},"\"lucide:settings\"",[393,759,760],{"class":684},">Settings\u003C\u002F",[393,762,185],{"class":688},[393,764,707],{"class":684},[359,766,767,770,771,653,773,775,776,778],{},[403,768,769],{},"Input affixes."," Every batteries-included input takes ",[363,772,652],{},[363,774,656],{},". The append side may already host clear, stepper or toggle\ncontrols, so prefer ",[363,777,652],{}," when in doubt.",[671,780,782],{"className":673,"code":781,"language":675,"meta":676,"style":676},"\u003CBbTextInput v-model=\"query\" label=\"Search members\" prepend:icon=\"lucide:search\" \u002F>\n\u003CBbNumberInput v-model=\"amount\" label=\"Amount\" prepend:icon=\"lucide:euro\" \u002F>\n\u003CBbDatePickerInput v-model=\"dueDate\" label=\"Due date\" prepend:icon=\"lucide:calendar\" \u002F>\n",[363,783,784,821,854],{"__ignoreMap":676},[393,785,786,788,790,793,795,798,801,803,806,808,811,813,815,818],{"class":681,"line":131},[393,787,685],{"class":684},[393,789,213],{"class":688},[393,791,792],{"class":691}," v-model",[393,794,695],{"class":684},[393,796,797],{"class":684},"\"",[393,799,800],{"class":684},"query",[393,802,797],{"class":684},[393,804,805],{"class":691}," label",[393,807,695],{"class":684},[393,809,810],{"class":698},"\"Search members\"",[393,812,692],{"class":691},[393,814,695],{"class":684},[393,816,817],{"class":698},"\"lucide:search\"",[393,819,820],{"class":684}," \u002F>\n",[393,822,823,825,827,829,831,833,836,838,840,842,845,847,849,852],{"class":681,"line":135},[393,824,685],{"class":684},[393,826,201],{"class":688},[393,828,792],{"class":691},[393,830,695],{"class":684},[393,832,797],{"class":684},[393,834,835],{"class":684},"amount",[393,837,797],{"class":684},[393,839,805],{"class":691},[393,841,695],{"class":684},[393,843,844],{"class":698},"\"Amount\"",[393,846,692],{"class":691},[393,848,695],{"class":684},[393,850,851],{"class":698},"\"lucide:euro\"",[393,853,820],{"class":684},[393,855,856,858,860,862,864,866,869,871,873,875,878,880,882,885],{"class":681,"line":157},[393,857,685],{"class":684},[393,859,191],{"class":688},[393,861,792],{"class":691},[393,863,695],{"class":684},[393,865,797],{"class":684},[393,867,868],{"class":684},"dueDate",[393,870,797],{"class":684},[393,872,805],{"class":691},[393,874,695],{"class":684},[393,876,877],{"class":698},"\"Due date\"",[393,879,692],{"class":691},[393,881,695],{"class":684},[393,883,884],{"class":698},"\"lucide:calendar\"",[393,886,820],{"class":684},[359,888,889,644,892,649,896,653,898,901,902,649,906,908,909,912,913,649,917,548,919,921,922,924,925,929],{},[403,890,891],{},"Status surfaces.",[378,893,894],{"href":6},[363,895,311],{},[363,897,597],{},[363,899,900],{},"iconSize",". ",[378,903,904],{"href":94},[363,905,326],{},[363,907,597],{}," in the ",[363,910,911],{},"useToast()","\noptions, and its variants set the tone only, bringing no default icon.\n",[378,914,915],{"href":12},[363,916,314],{},[363,918,652],{},[363,920,656],{},", or\n",[363,923,597],{}," for an icon-only badge, in which case the other two are ignored.\n",[378,926,927],{"href":84},[363,928,205],{}," takes the affix pair like the other inputs.",[359,931,932,644,935,939,940,548,943,946],{},[403,933,934],{},"Item config.",[378,936,937],{"href":38},[363,938,269],{}," entries, items and\ngroup headers alike, carry ",[363,941,942],{},"'prepend:icon'",[363,944,945],{},"'append:icon'"," fields. It is\ndata, not markup:",[671,948,952],{"className":949,"code":950,"language":951,"meta":676,"style":676},"language-ts shiki shiki-themes github-light-high-contrast github-dark-high-contrast","const memberActions = [\n    { key: 'edit', text: 'Edit member', 'prepend:icon': 'lucide:pencil' },\n    { key: 'delete', text: 'Delete', variant: 'destructive', 'prepend:icon': 'lucide:trash-2' },\n];\n","ts",[363,953,954,969,995,1024],{"__ignoreMap":676},[393,955,956,960,963,966],{"class":681,"line":131},[393,957,959],{"class":958},"sHUrx","const",[393,961,962],{"class":691}," memberActions",[393,964,965],{"class":958}," =",[393,967,968],{"class":684}," [\n",[393,970,971,974,977,980,983,985,987,989,992],{"class":681,"line":135},[393,972,973],{"class":684},"    { key: ",[393,975,976],{"class":698},"'edit'",[393,978,979],{"class":684},", text: ",[393,981,982],{"class":698},"'Edit member'",[393,984,535],{"class":684},[393,986,942],{"class":698},[393,988,566],{"class":684},[393,990,991],{"class":698},"'lucide:pencil'",[393,993,994],{"class":684}," },\n",[393,996,997,999,1002,1004,1007,1010,1013,1015,1017,1019,1022],{"class":681,"line":157},[393,998,973],{"class":684},[393,1000,1001],{"class":698},"'delete'",[393,1003,979],{"class":684},[393,1005,1006],{"class":698},"'Delete'",[393,1008,1009],{"class":684},", variant: ",[393,1011,1012],{"class":698},"'destructive'",[393,1014,535],{"class":684},[393,1016,942],{"class":698},[393,1018,566],{"class":684},[393,1020,1021],{"class":698},"'lucide:trash-2'",[393,1023,994],{"class":684},[393,1025,1026],{"class":681,"line":161},[393,1027,1028],{"class":684},"];\n",[359,1030,1031,1033,1034,1036,1037,1040],{},[363,1032,656],{}," is ignored when the item opens a submenu, which draws a chevron, or\nsits in a selectable group, which draws a check. ",[363,1035,272],{}," reuses the\nsame ",[363,1038,1039],{},"items"," shape, so its menu entries take icons the same way.",[389,1042,1044],{"id":1043},"slots",[393,1045,1046],{},"Components that take a slot",[359,1048,1049,1050,1052],{},"These surfaces take arbitrary content rather than a name, so here you do place a\n",[363,1051,335],{},", or something richer, yourself.",[1054,1055,1056,1071,1088,1108,1117],"ul",{},[400,1057,1058,1062,1063,1066,1067,1070],{},[378,1059,1060],{"href":82},[363,1061,302],{}," — the per-tab ",[363,1064,1065],{},"label-{key}"," slot, or the\ngeneric ",[363,1068,1069],{},"label"," fallback.",[400,1072,1073,1077,1078,653,1081,1084,1085,428],{},[378,1074,1075],{"href":16},[363,1076,293],{}," — ",[363,1079,1080],{},"item:prepend",[363,1082,1083],{},"item:append"," around every item, or a named slot per ",[363,1086,1087],{},"item.key",[400,1089,1090,1094,1095,1097,1098,535,1101,548,1104,1107],{},[378,1091,1092],{"href":64},[363,1093,236],{}," — the ",[363,1096,597],{}," slot replaces each star,\nwith ",[363,1099,1100],{},"checked",[363,1102,1103],{},"value",[363,1105,1106],{},"size"," in scope.",[400,1109,1110,1094,1114,1116],{},[378,1111,1112],{"href":76},[363,1113,248],{},[363,1115,597],{}," slot replaces the track\nvisual. Rarely needed; the default is right almost every time.",[400,1118,1119,1077,1123,1125,1126,1128,1129,1125,1132,1135],{},[378,1120,1121],{"href":38},[363,1122,269],{},[363,1124,1080],{}," \u002F ",[363,1127,1083],{},",\nor per-entry ",[363,1130,1131],{},"${key}:prepend",[363,1133,1134],{},"${key}:append",", when a leading region needs\nmore than a named icon, such as an avatar.",[671,1137,1139],{"className":673,"code":1138,"language":675,"meta":676,"style":676},"\u003CBbTabs v-model=\"tab\" :items=\"tabs\">\n    \u003Ctemplate #label-billing=\"{ text }\">\n        \u003CBbIcon icon=\"lucide:file-text\" size=\"sm\" \u002F> {{ text }}\n    \u003C\u002Ftemplate>\n\u003C\u002FBbTabs>\n",[363,1140,1141,1174,1179,1184,1189],{"__ignoreMap":676},[393,1142,1143,1145,1147,1149,1151,1153,1156,1158,1161,1163,1165,1167,1170,1172],{"class":681,"line":131},[393,1144,685],{"class":684},[393,1146,302],{"class":688},[393,1148,792],{"class":691},[393,1150,695],{"class":684},[393,1152,797],{"class":684},[393,1154,1155],{"class":684},"tab",[393,1157,797],{"class":684},[393,1159,1160],{"class":684}," :",[393,1162,1039],{"class":691},[393,1164,695],{"class":684},[393,1166,797],{"class":684},[393,1168,1169],{"class":684},"tabs",[393,1171,797],{"class":684},[393,1173,707],{"class":684},[393,1175,1176],{"class":681,"line":135},[393,1177,1178],{"class":684},"    \u003Ctemplate #label-billing=\"{ text }\">\n",[393,1180,1181],{"class":681,"line":157},[393,1182,1183],{"class":684},"        \u003CBbIcon icon=\"lucide:file-text\" size=\"sm\" \u002F> {{ text }}\n",[393,1185,1186],{"class":681,"line":161},[393,1187,1188],{"class":684},"    \u003C\u002Ftemplate>\n",[393,1190,1191,1194,1196],{"class":681,"line":165},[393,1192,1193],{"class":684},"\u003C\u002F",[393,1195,302],{"class":688},[393,1197,707],{"class":684},[389,1199,1201],{"id":1200},"sizing",[393,1202,1203],{},"Size and colour",[359,1205,1206,1207,1210,1211,556,1214,1217],{},"Icons take the text colour of whatever they sit in. Colour the ",[403,1208,1209],{},"container",",\nnever the icon markup. A ",[363,1212,1213],{},"color",[363,1215,1216],{},"fill"," on the icon element is the one thing\nthat breaks when a variant repaints around it.",[359,1219,1220,594,1222,1224,1225,1228,1229,1232,1233,1236,1237,1239,1240,428],{},[363,1221,335],{},[363,1223,1106],{}," takes the ",[363,1226,1227],{},"xs"," to ",[363,1230,1231],{},"2xl"," scale, which is 12, 16, 24, 28, 36 and\n40 px by default. Retune the whole scale through the plugin's ",[363,1234,1235],{},"iconDefaultSizes","\noption. ",[363,1238,1106],{}," also takes a number in pixels, or a CSS length such as\n",[363,1241,1242],{},"\"1.5rem\"",[359,1244,1245],{},"Icons you pass through props or item fields are sized and aligned by the host\ncomponent to match its own size. Do not fight that with CSS. Change the host's\nsize instead.",[389,1247,1249],{"id":1248},"accessibility",[393,1250,1251],{},"Naming an icon",[359,1253,1254],{},"Three cases, and only one of them takes a label.",[359,1256,1257,1260],{},[403,1258,1259],{},"Decorative, next to visible text",", such as an affix, a button's prepend or a\ndropdown item. No label. The text already announces it, and a label would say it\ntwice.",[359,1262,1263,1266,1267,1269,1270,1272,1273,548,1276,428],{},[403,1264,1265],{},"Meaningful and standalone",", such as a status icon in a table cell with no\nwords beside it. Give ",[363,1268,335],{}," a ",[363,1271,1069],{},": it adds ",[363,1274,1275],{},"role=\"img\"",[363,1277,1278],{},"aria-label",[608,1280,1281],{},[359,1282,1283,1284,1286,1287,1290,1291,1293,1294,1297,1298,1302],{},"It does ",[403,1285,386],{}," add a ",[363,1288,1289],{},"title",", deliberately. A ",[363,1292,1289],{}," double-tooltipped any icon\nthat also carried ",[363,1295,1296],{},"v-bb-tooltip",". For a hover tooltip, reach for\n",[378,1299,1300],{"href":96},[363,1301,284],{},": the accessible name and the tooltip are\ntwo separate decisions.",[359,1304,1305,1308,1309,1312,1313,1315],{},[403,1306,1307],{},"An icon-only button."," Supply the name through the label, which is the default\nslot or ",[363,1310,1311],{},"text",". It renders visually hidden but is still announced. ",[363,1314,1278],{},"\nis only an override, not the way to name it. The one hard rule is that the button\nmust get its name from one of the two.",[671,1317,1319],{"className":673,"code":1318,"language":675,"meta":676,"style":676},"\u003C!-- Accessible name from the slot content, hidden visually. No aria-label needed. -->\n\u003CBbButton variant=\"ghost\" icon=\"lucide:settings\">Settings\u003C\u002FBbButton>\n",[363,1320,1321,1327],{"__ignoreMap":676},[393,1322,1323],{"class":681,"line":131},[393,1324,1326],{"class":1325},"sLBg1","\u003C!-- Accessible name from the slot content, hidden visually. No aria-label needed. -->\n",[393,1328,1329,1331,1333,1335,1337,1339,1341,1343,1345,1347,1349],{"class":681,"line":135},[393,1330,685],{"class":684},[393,1332,185],{"class":688},[393,1334,716],{"class":691},[393,1336,695],{"class":684},[393,1338,749],{"class":698},[393,1340,752],{"class":691},[393,1342,695],{"class":684},[393,1344,757],{"class":698},[393,1346,760],{"class":684},[393,1348,185],{"class":688},[393,1350,707],{"class":684},[359,1352,1353,1354,1356,1357,1360,1361,1363,1364,1366],{},"Never wrap a ",[363,1355,335],{}," in a raw ",[363,1358,1359],{},"\u003Cbutton>",". That is ",[363,1362,185],{}," with ",[363,1365,597],{}," and a\nlabel, and it is shorter.",[359,1368,1369],{},"For a new project, install one provider set, keep every production icon name as\na complete literal, and add local SVGs only for artwork the provider should not\nown. Then run the production build once. That build-time scan is the check that\nruntime-composed names cannot pass in development.",[1371,1372,1373],"style",{},"html pre.shiki code .suds8, html code.shiki .suds8{--shiki-default:#0E1116;--shiki-dark:#F0F3F6}html pre.shiki code .sne4z, html code.shiki .sne4z{--shiki-default:#024C1A;--shiki-dark:#72F088}html pre.shiki code .s-5SL, html code.shiki .s-5SL{--shiki-default:#023B95;--shiki-dark:#91CBFF}html pre.shiki code .sT6z2, html code.shiki .sT6z2{--shiki-default:#032563;--shiki-dark:#ADDCFF}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 .sHUrx, html code.shiki .sHUrx{--shiki-default:#A0111F;--shiki-dark:#FF9492}html pre.shiki code .sLBg1, html code.shiki .sLBg1{--shiki-default:#66707B;--shiki-dark:#BDC4CC}",{"title":676,"searchDepth":157,"depth":157,"links":1375},[1376,1377,1378,1379,1380,1381],{"id":391,"depth":135,"text":395},{"id":469,"depth":135,"text":472},{"id":629,"depth":135,"text":632},{"id":1043,"depth":135,"text":1046},{"id":1200,"depth":135,"text":1203},{"id":1248,"depth":135,"text":1251},"How an icon name resolves, why a runtime-built name breaks in production, and what already takes one.","md",{},true,[1387,1388,1389,1390,1391,1392],{"id":391,"title":395},{"id":469,"title":472},{"id":629,"title":632},{"id":1043,"title":1046},{"id":1200,"title":1203},{"id":1248,"title":1251},{"title":163,"description":1382},"guides\u002Ficons","t69n4xnVsarcNrph-Ed_vnePWyyVZsIOhAchjTGlcTg",1790005168036]