[{"data":1,"prerenderedAt":1063},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-none":352,"page-en-\u002Fcomponents\u002Fbb-dropdown":353,"pt-showcase-BbDropdown":747},{"\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":269,"body":355,"component":269,"description":730,"extension":731,"group":254,"meta":732,"navigation":733,"order":165,"path":270,"sections":734,"seo":744,"stem":745,"__hash__":746},"docs_en\u002Fcomponents\u002Fbb-dropdown.md",{"type":356,"value":357,"toc":717},"minimark",[358,403,411,418,422,425,430,444,447,466,489,495,498,501,508,514,524,527,535,541,547,550,553,559,569,572,586,594,601,604,610,616,626,629,642,650,656,659,669,681,687,704],[359,360,361,373],"when",{},[362,363,364,365,368,369,372],"p",{},"Use ",[366,367,269],"code",{}," to put several commands or navigation links behind one trigger:\nrow actions, an account menu or a context menu. Describe rows with ",[366,370,371],{},"items","; the\ncomponent owns ARIA, focus and keyboard behavior.",[374,375,377],"template",{"v-slot:else":376},"",[378,379,380,389,396],"ul",{},[381,382,383,388],"li",{},[384,385,386],"a",{"href":18},[366,387,185],{},": there is one action",[381,390,391,395],{},[384,392,393],{"href":40},[366,394,272],{},": one action dominates\nand the rest are close alternatives",[381,397,398,402],{},[384,399,400],{"href":66},[366,401,239],{},": the user chooses a form value",[404,405,407],"h2",{"id":406},"default",[408,409,410],"span",{},"Build a row actions menu",[362,412,413,414,417],{},"Spread the activator ",[366,415,416],{},"props"," onto a focusable trigger and pass the actions as\ndata.",[419,420],"demo",{"name":421},"BbDropdown\u002FBasic",[362,423,424],{},"Use a real button and name icon-only triggers. The supplied props wire expanded\nstate, focus return and keyboard navigation.",[404,426,427],{"id":371},[408,428,429],{},"Choose the right item type",[362,431,364,432,435,436,439,440,443],{},[366,433,434],{},"onClick"," for commands and ",[366,437,438],{},"href"," or ",[366,441,442],{},"to"," for navigation, so links keep\nnative browser behavior.",[419,445],{"name":446},"BbDropdown\u002FFileActions",[362,448,449,450,453,454,457,458,461,462,465],{},"Items need a stable ",[366,451,452],{},"key","; ",[366,455,456],{},"text"," is the label and ",[366,459,460],{},"description"," adds a second\nline. Gate destructive actions with ",[366,463,464],{},"useConfirm",".",[467,468,469],"migration",{},[362,470,471,473,474,477,478,481,482,484,485,488],{},[366,472,456],{}," is the v3 item label, and destructive rows use\n",[366,475,476],{},"variant: 'destructive'",". In fetched groups, map extra row fields through\n",[366,479,480],{},"itemProps","; raw ",[366,483,438],{},", icons and ",[366,486,487],{},"disabled"," fields are otherwise ignored.",[404,490,492],{"id":491},"directive",[408,493,494],{},"Use the directive for simple menus",[362,496,497],{},"When the trigger already exists and the menu is a flat items array, use the\nglobally registered directive.",[419,499],{"name":500},"BbDropdown\u002FDirective",[362,502,503,504,507],{},"Use the component for slots, sections or a ",[366,505,506],{},"\u003CBbDropdownGroup>"," companion.",[404,509,511],{"id":510},"async",[408,512,513],{},"Track async actions",[362,515,516,517,519,520,523],{},"Return a promise from an item's ",[366,518,434],{},"; the activator slot exposes ",[366,521,522],{},"loading","\nuntil it settles and ignores repeat clicks.",[419,525],{"name":526},"BbDropdown\u002FAsyncAction",[467,528,529],{},[362,530,531,532,534],{},"The exposed template-ref ",[366,533,522],{}," member is removed. Read the flag from the\nactivator slot.",[404,536,538],{"id":537},"submenus",[408,539,540],{},"Add submenus",[362,542,543,544,546],{},"Give an item its own ",[366,545,371],{}," array. Keep nesting shallow: the parent row opens\nthe submenu and cannot also run an action or navigate.",[419,548],{"name":549},"BbDropdown\u002FSubmenus",[362,551,552],{},"Desktop uses flyouts; the mobile sheet drills down one level at a time.",[404,554,556],{"id":555},"selection",[408,557,558],{},"Build selectable groups",[362,560,561,562,565,566,568],{},"Mark a group ",[366,563,564],{},"selectable",", then bind its state with ",[366,567,506],{}," using the\nsame id as the group's key.",[419,570],{"name":571},"BbDropdown\u002FSelectableGroups",[362,573,574,575,578,579,581,582,585],{},"Add ",[366,576,577],{},"multiple"," for checkbox semantics. Provider-backed groups can share the same\nfetch contract as ",[366,580,239],{},"; keep ",[366,583,584],{},"enforce-coherence"," for lists that can change\nunder an existing choice.",[587,588,590],"h3",{"id":589},"rows-that-represent-records",[408,591,593],{"id":592},"row-slots","Rows that represent records",[362,595,596,597,600],{},"Carry application data in ",[366,598,599],{},"meta"," and target one group's rows with its named slot.",[419,602],{"name":603},"BbDropdown\u002FWorkspaceSwitcher",[362,605,364,606,609],{},[366,607,608],{},"#\u003CgroupKey>:item:prepend"," for an avatar or logo. A slot replaces the icon on\nthat edge; the selected check still wins on the trailing edge.",[404,611,613],{"id":612},"placement",[408,614,615],{},"Place and size the panel",[362,617,618,619,621,622,625],{},"Choose ",[366,620,612],{}," and ",[366,623,624],{},"width"," for the surrounding layout.",[419,627],{"name":628},"BbDropdown\u002FPlacementAndWidth",[362,630,631,634,635,638,639,465],{},[366,632,633],{},"width=\"100%\""," follows the anchor; numeric widths align repeated menus.\nFor a context menu, pair ",[366,636,637],{},"trigger=\"contextMenu\""," with ",[366,640,641],{},"placement=\"cursor\"",[467,643,644],{},[362,645,646,649],{},[366,647,648],{},"arrowPadding"," is removed; dropdowns do not draw arrows.",[404,651,653],{"id":652},"adaptive",[408,654,655],{},"Check the mobile sheet",[362,657,658],{},"On small screens the menu becomes a bottom sheet by default. Verify submenus and\ndestructive actions on that surface.",[362,660,364,661,664,665,668],{},[366,662,663],{},":adaptive=\"false\""," only when the menu must remain a flyout.\n",[366,666,667],{},"off-canvas-props"," configures the sheet.",[467,670,671],{},[362,672,673,674,677,678,465],{},"Adaptive mode is new and enabled by default in v3. ",[366,675,676],{},"offcanvasProps"," becomes\n",[366,679,680],{},"offCanvasProps",[404,682,684],{"id":683},"styling",[408,685,686],{},"Style items",[362,688,689,692,693,696,697,621,700,703],{},[366,690,691],{},"destructive"," is the only styled item variant. Register additional names through\n",[366,694,695],{},"dropdownItemVariants",", then style their generated modifier classes. Prefer\n",[366,698,699],{},"pt:panel",[366,701,702],{},"pt:item"," for instance-level changes.",[467,705,706],{},[362,707,708,709,712,713,716],{},"The floating wrapper is now a ",[366,710,711],{},"\u003Cdiv>",", not a ",[366,714,715],{},"\u003Cspan>",". Class hooks remain; only\nelement-specific selectors stop matching.",{"title":376,"searchDepth":157,"depth":157,"links":718},[719,720,721,722,723,724,727,728,729],{"id":406,"depth":135,"text":410},{"id":371,"depth":135,"text":429},{"id":491,"depth":135,"text":494},{"id":510,"depth":135,"text":513},{"id":537,"depth":135,"text":540},{"id":555,"depth":135,"text":558,"children":725},[726],{"id":589,"depth":157,"text":593},{"id":612,"depth":135,"text":615},{"id":652,"depth":135,"text":655},{"id":683,"depth":135,"text":686},"An accessible action menu behind any trigger, including links, submenus and selectable groups.","md",{},true,[735,736,737,738,739,740,741,742,743],{"id":406,"title":410},{"id":371,"title":429},{"id":491,"title":494},{"id":510,"title":513},{"id":537,"title":540},{"id":555,"title":558},{"id":612,"title":615},{"id":652,"title":655},{"id":683,"title":686},{"title":269,"description":730},"components\u002Fbb-dropdown","M8ord5zEYsJ8BfUZJCpt-0wnQ92AbVzxyd_fcIWiwfU",{"name":269,"slug":748,"group":254,"description":749,"entrypoint":750,"docs":751,"props":754,"models":928,"events":929,"slots":949,"exposed":1010,"pt":1011,"validated":352,"migration":1050},"bb-dropdown","Displays contextual action menus and menu content (includes the co-located BbDropdownGroup export, which is how a selectable group is bound).","bitboss-ui",{"contract":752,"source":753},"ai\u002FBbDropdown.md","ai\u002Fsource\u002FBbDropdown.md",[755,761,766,771,775,779,782,785,789,793,798,802,806,810,815,819,824,828,831,833,835,837,839,841,843,845,847,849,851,853,855,857,859,861,863,865,867,869,871,873,875,877,879,881,883,885,886,888,890,892,894,896,898,900,902,904,906,908,913,917,923],{"name":756,"type":757,"required":758,"default":352,"description":759,"note":760,"demo":406},"activator","Record\u003Cstring, any> | HTMLElement | null | undefined",false,"External activator element or component ref.\nWhen provided, the activator slot is not rendered and event listeners\nare attached programmatically to the referenced element. ARIA\n(`aria-haspopup`\u002F`aria-expanded`\u002F`aria-controls`) is attached\nprogrammatically too — don't add your own, or you get a double-set\nconflict.","The no-wrapper alternative to the `activator` slot, for when you already hold an element or component ref. It gets the same `aria-haspopup` \u002F `aria-expanded` \u002F `aria-controls` attached programmatically — so do not hand-write those on the referenced element either.",{"name":652,"type":762,"required":758,"default":763,"description":764,"note":765,"demo":652},"boolean | undefined","`config.adaptive` (`true`)","On mobile viewports (below `config.mobileMaxWidth`), render the dropdown as a\nbottom-anchored, auto-sized off-canvas sheet that **navigates** through nested\nsubmenus (drilling one level at a time with a back control) instead of showing\nhover flyouts. Slots and selection behave exactly as on desktop.\n\nWhen unset, falls back to the global `config.adaptive`.","Unset resolves to the global `adaptive` config, which is `true`: on a small viewport the menu is a bottom sheet, not a flyout. Pin it `false` for a desktop-only dense tool, or for a test that asserts against one surface.",{"name":767,"type":757,"required":758,"default":768,"description":769,"note":770,"demo":612},"anchor","the activator element","Element the panel positions itself against, when it should differ from the\nactivator — e.g. a wrapper that the activator is only a part of, so the menu\naligns to the whole control while a single button opens it. Accepts an\nHTMLElement or a Vue component ref. Also drives a percentage `width`.\n\nIgnored when `placement` is `'cursor'`.","Positions the panel against something other than the trigger — the case being a control whose trigger is only part of it, like the toggle half of a split button. A percentage `width` then resolves against the anchor too. Ignored when `placement` is `cursor`.",{"name":772,"type":773,"required":758,"default":352,"description":774,"note":352,"demo":352},"boundary","string | Record\u003Cstring, any> | HTMLElement | null | undefined","Constrains the dropdown within a bounding element.\nAccepts an HTMLElement, a Vue component ref, or a CSS selector string.",{"name":776,"type":762,"required":758,"default":777,"description":778,"note":352,"demo":352},"compact","false","Apply the compact density variant — the same ladder `BbSelect` uses, on\nboth surfaces: flyout rows go 28px → 24px, sheet rows 44px → 36px. The\nlabel size does not change; density here is height, as it is for a select.\n\nA menu row is a touch target in a way a select option is not quite — a\nmis-tap fires the neighbouring COMMAND rather than picking the wrong value\n— so the compact sheet stops at 36px and never follows the flyout down to\n24px. That is the same floor the select's sheet holds.",{"name":487,"type":762,"required":758,"default":777,"description":780,"note":781,"demo":352},"Disables the component","Freezes the whole component, trigger included. It is not the same as disabling every item: a disabled item is skipped by keyboard navigation while the menu still opens.",{"name":783,"type":762,"required":758,"default":777,"description":784,"note":352,"demo":352},"eager","Prevents rendering content before it's made visible.",{"name":786,"type":762,"required":758,"default":777,"description":787,"note":788,"demo":555},"enforceCoherence","Default for pipeline groups: drop selections that are no longer present in a\ngroup's current items (e.g. after a `dependencies` re-fetch) from the\nselection and `v-model`. A group's own `enforceCoherence` overrides this.","The dropdown-level default for pipeline groups, overridable per group. It stays lazy: a group nobody opened never fetches and never prunes, and pruning never runs against an empty or still-loading item set.",{"name":790,"type":791,"required":758,"default":352,"description":792,"note":352,"demo":352},"id","string | undefined","The identifier of the component.",{"name":371,"type":794,"required":733,"default":795,"description":796,"note":797,"demo":371},"BbDropdownItem[]","[]","Array used to render each dropdown button.\nThey can act as `button`, as `a`, or as `router-link`\nas they are based on the functionality provided by `BbBaseButton`.\n\nPass a flat array for a single group, nest arrays for divider-separated\ngroups, or pass {@link InternalGroup} objects for titled \u002F selectable sections.\nAn item may carry its own `items` to open a submenu. The shapes can be mixed.","Three shapes, mixable: an item, a nested array (a divider-separated section), or a group object. `text` is the label field and `label` is the group heading — a group carrying `text` is the v2 shape.",{"name":799,"type":791,"required":758,"default":352,"description":800,"note":801,"demo":555},"loadingText","Default placeholder text shown while a pipeline group's async items load.\nA group's own `loadingText` overrides this; both fall back to the localized\n`common.loadingText` (`'Loading...'`).","Pipeline groups only, and the default for all of them; a group can override it with its own `loadingText`. Unset, it is the plugin locale’s \"Loading…\" string.",{"name":803,"type":791,"required":758,"default":352,"description":804,"note":805,"demo":555},"noDataText","Default placeholder text shown when a pipeline group resolves to no items.\nA group's own `noDataText` overrides this; both fall back to the localized\n`common.noDataText` (`'No data to display'`).","The empty-result counterpart of `loadingText`, with the same per-group override and the same locale fallback.",{"name":680,"type":807,"required":758,"default":352,"description":808,"note":809,"demo":652},"Partial\u003CBbOffCanvasProps> | undefined","Props for the phone sheet. A `pt` inside it, object or colon keys, styles\nonly that sheet.\n\nOverrides forwarded to the underlying `BbOffCanvas` when `adaptive` renders\nthe sheet on mobile. Merged over the adaptive defaults\n(`direction: 'bottom'`, `size: 'auto'`, `draggable: true`). Ignored when\n`adaptive` is `false`.\n\nA `pt` inside it styles ONLY the sheet, in `BbOffCanvas`'s part words\n(`root`, `header`, `title`, `description`, `content`, `footer`, `close`;\nstate `open`), object (`{ pt: { header: '…' } }`) or colon keys\n(`{ 'pt:header': '…' }`) alike. It merges after what this component\nforwards to its sheet, so it wins a conflict and drops nothing — see the\npassthrough guide § Inside the sheet.","Merged over the sheet’s own `direction: \"bottom\"`, `size: \"auto\"`, `draggable: true`. Ignored entirely when `adaptive` resolves to `false`, so it is not a way to configure the desktop panel.",{"name":811,"type":812,"required":758,"default":813,"description":814,"note":352,"demo":352},"offset","number | undefined","3","Space the floating container will maintain from the activator.",{"name":816,"type":812,"required":758,"default":817,"description":818,"note":352,"demo":352},"padding","10","Minimum empty space to keep from the edge of the page",{"name":612,"type":820,"required":758,"default":821,"description":822,"note":823,"demo":612},"Placement | \"cursor\" | undefined","\"bottom\"","Position of the dropdown relative to the activator.\nUse `'cursor'` to anchor at the mouse\u002Ftouch coordinates.\n(No arrow is drawn either way — arrows are tooltip-only in v3.)","Every floating placement, plus `cursor` — which anchors the panel at the pointer and is what you pair with `trigger: \"contextMenu\"` for an OS-style menu. The panel flips on its own when there is no room.",{"name":825,"type":826,"required":758,"default":352,"description":827,"note":352,"demo":352},"pt","PtItemMap\u003CBbDropdownPtPart, BbDropdownItemPtPart, BbDropdownPtState, InternalItem> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes\nwithout the prefix. See the `pt:\u003Cpart>` row.",{"name":829,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:footer","PtValue | undefined",{"name":832,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:footer:disabled",{"name":834,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:footer:open",{"name":836,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:footer:selected",{"name":838,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:header",{"name":840,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:header:disabled",{"name":842,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:header:open",{"name":844,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:header:selected",{"name":702,"type":846,"required":758,"default":352,"description":352,"note":352,"demo":352},"PtValue | ((ctx: PtItemCtx\u003CInternalItem, BbDropdownPtState>) => PtItemResult) | undefined",{"name":848,"type":846,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item-description",{"name":850,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:disabled",{"name":852,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:open",{"name":854,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item-description:selected",{"name":856,"type":846,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item-icon",{"name":858,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item-icon:disabled",{"name":860,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item-icon:open",{"name":862,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item-icon:selected",{"name":864,"type":846,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item-text",{"name":866,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item-text:disabled",{"name":868,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item-text:open",{"name":870,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item-text:selected",{"name":872,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item:disabled",{"name":874,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item:open",{"name":876,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:item:selected",{"name":878,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:list",{"name":880,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:list:disabled",{"name":882,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:list:open",{"name":884,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:list:selected",{"name":699,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},{"name":887,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:panel:disabled",{"name":889,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:panel:open",{"name":891,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:panel:selected",{"name":893,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:root",{"name":895,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:root:disabled",{"name":897,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:root:open",{"name":899,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:root:selected",{"name":901,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:sheet",{"name":903,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:sheet:disabled",{"name":905,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:sheet:open",{"name":907,"type":830,"required":758,"default":352,"description":352,"note":352,"demo":352},"pt:sheet:selected",{"name":909,"type":812,"required":758,"default":910,"description":911,"note":912,"demo":352},"queryDebounceTime","300","Debounce (ms) applied to the async re-fetch a `searchable` group fires as the\nuser types. Applies to every searchable group in the menu.","Applies to a `searchable` group’s own search field, debouncing the query before it reaches that group’s async getter. Nothing else on the component reads it.",{"name":914,"type":812,"required":758,"default":915,"description":916,"note":352,"demo":352},"transitionDuration","150","How long the transition has to last in milliseconds. Menus use the fast\ntransition rather than the medium one the other popovers default to.",{"name":918,"type":919,"required":758,"default":920,"description":921,"note":922,"demo":612},"trigger","DropdownTrigger | DropdownTrigger[] | undefined","\"click\"","Interaction(s) that open the dropdown.\nAccepts a single trigger or an array to combine them.\n- `'click'` — left-click \u002F tap (default)\n- `'contextMenu'` — right-click on desktop, long-press on mobile","Takes an array to combine them (`[\"click\", \"contextMenu\"]`). On touch devices the `contextMenu` gesture is a long press, and right-clicking again while open moves the menu rather than closing it.",{"name":624,"type":924,"required":758,"default":925,"description":926,"note":927,"demo":612},"string | number | undefined","\"auto\"","Width of the dropdown in pixels, percentage, or 'auto' to fit content.","Content-sized by default with a 128px floor — not a fixed width. Pass a number when menus have to line up across the rows of a table, and a percentage when the panel should match its trigger.",[],[930,933,936,940,943,946],{"name":931,"signature":932,"description":352,"note":352,"demo":352},"hidden","(event: \"hidden\"): void",{"name":934,"signature":935,"description":352,"note":352,"demo":352},"hide","(event: \"hide\"): void",{"name":937,"signature":938,"description":352,"note":939,"demo":555},"item:selected","(event: \"item:selected\", value: any): void","Fires for any selectable group with the changed item’s value — its `item-value` in a pipeline group, otherwise its `key`. Bind the companion’s `v-model` when you want the state; use this when you want the moment.",{"name":941,"signature":942,"description":352,"note":352,"demo":555},"item:unselected","(event: \"item:unselected\", value: any): void",{"name":944,"signature":945,"description":352,"note":352,"demo":352},"show","(event: \"show\"): void",{"name":947,"signature":948,"description":352,"note":352,"demo":352},"shown","(event: \"shown\"): void",[950,954,957,960,963,967,970,973,977,980,984,987,992,996,1000,1004,1007],{"name":951,"type":952,"description":953,"note":352,"demo":352},"\u003CgroupKey>","BbDropdownItemSlotProps","That group's title line (the group is passed as `item`, `groupTitle` is `true`).",{"name":955,"type":952,"description":956,"note":352,"demo":352},"\u003CgroupKey>:append","The trailing region of that group's title line.",{"name":958,"type":952,"description":959,"note":352,"demo":592},"\u003CgroupKey>:item","The content of every row of that group, and no other; a row's own `#\u003Ckey>` still wins.",{"name":961,"type":952,"description":962,"note":352,"demo":592},"\u003CgroupKey>:item:append","The trailing region of every row of that group; replaces their `append:icon`. The check takes its place on the selected row.",{"name":964,"type":952,"description":965,"note":966,"demo":592},"\u003CgroupKey>:item:prepend","The leading region of every row of that group — e.g. an avatar per record, drawn from `item.meta`, while other rows keep their `prepend:icon`.","The switcher slot: draw each record (an avatar, a logo) from `item.meta` on this group’s rows while every other row keeps its `prepend:icon`. Set `meta` on each item, or through `itemProps` in a fetched group.",{"name":968,"type":952,"description":969,"note":352,"demo":352},"\u003CgroupKey>:prepend","The leading region of that group's title line.",{"name":971,"type":952,"description":972,"note":352,"demo":592},"\u003Ckey>","One row's content (text and description), by its key; in a fetched group, by its resolved `itemValue`.",{"name":974,"type":952,"description":975,"note":976,"demo":592},"\u003Ckey>:append","One row's trailing region; replaces its `append:icon` and its submenu chevron. The check takes its place on the selected row.","The only slot that can replace a row’s submenu chevron. On the selected row of a selectable group the check still wins.",{"name":978,"type":952,"description":979,"note":352,"demo":592},"\u003Ckey>:prepend","One row's leading region; replaces its `prepend:icon`.",{"name":756,"type":981,"description":982,"note":983,"demo":406},"BbDropdownActivatorSlotProps","The element that triggers the dropdown to open. Spread `props` onto your trigger element.","Spread its `props` onto a real focusable element or the menu has nothing to attach ARIA and keyboard handling to. The scope also carries `loading`, true while any item’s async `onClick` is still running — this replaces the exposed `loading` a v2 template ref read.",{"name":406,"type":985,"description":986,"note":352,"demo":352},"any","Hosts `\u003CBbDropdownGroup>` companions. They register their group with the\ndropdown and render nothing themselves.",{"name":988,"type":989,"description":990,"note":991,"demo":352},"footer","BbDropdownEdgeSlotProps","Content pinned to the bottom of the dropdown panel, outside the scroll\narea. Stays visible while the items scroll and is separated from them by a\ndivider — for action buttons.","The pinned counterpart below the items, for one persistent action that must stay reachable while the list scrolls.",{"name":993,"type":989,"description":994,"note":995,"demo":352},"header","Content pinned to the top of the dropdown panel, outside the scroll area.\nStays visible while the items scroll and is separated from them by a\ndivider — for a title or a filter field.","Pinned above the scrolling items and separated by a divider — a title, or a field that filters the list you build. On the adaptive sheet it becomes the sheet’s pinned header.",{"name":997,"type":952,"description":998,"note":999,"demo":592},"item:append","The trailing region of every row (and group title line), replacing its\n`append:icon`. A named slot wins over it; the submenu chevron and the\ncheck on a selected row take its place.","Replaces the rows’ `append:icon` (since beta.31; it used to lose to it). It never replaces a submenu chevron, the check takes its place on the selected row, and a group’s or a row’s own named slot beats it.",{"name":1001,"type":952,"description":1002,"note":1003,"demo":592},"item:prepend","The leading region of every row (and group title line), replacing its\n`prepend:icon`. A row's own or its group's named slot wins over it.","Rendered before every row’s content, group titles included — there `groupTitle` is `true` and `item` is the group. It replaces the rows’ `prepend:icon`, and a group’s or a row’s own named slot beats it. The payload is read-only: keep slot content presentational and leave clicks to the dropdown.",{"name":522,"type":1005,"description":1006,"note":352,"demo":352},"BbDropdownPlaceholderSlotProps","Replaces the default loading placeholder row shown in a pipeline group\nwhile its async items load. Rendered once per loading group.",{"name":1008,"type":1005,"description":1009,"note":352,"demo":352},"no-data","Replaces the default \"no data\" placeholder row shown in a pipeline group\nthat resolved to no items. Rendered once per empty group.",[],{"parts":1012,"states":1041},[1013,1016,1019,1022,1024,1026,1029,1032,1035,1038],{"name":1014,"description":1015},"root","The floating element — an invisible positioning wrapper; a `class` on the component lands here. No node on the phone sheet: style what you see with `panel`.",{"name":1017,"description":1018},"panel","The menu surface you see — the bordered flyout box on desktop, the sheet itself on a phone.",{"name":1020,"description":1021},"sheet","The bottom sheet the menu becomes on a phone (the `BbOffCanvas` root) — never the desktop surface. Applied after `panel`, so it wins a conflict there.",{"name":993,"description":1023},"The menu's header band.",{"name":988,"description":1025},"The menu's footer band.",{"name":1027,"description":1028},"list","The top-level items container between the bands — the node that lays the entries out (a flex column with a 1px gap; on a phone, the sheet's items container). A submenu's list is not reached. Groups, headings, dividers and the search field are not parts.",{"name":1030,"description":1031},"item","One menu entry, submenus included — a broadcast resolved per entry. Also takes a per-item function, called with the entry.",{"name":1033,"description":1034},"item-text","An entry's label (its `text`) — resolved with that entry's states. A per-entry `#\u003Ckey>` slot replaces it.",{"name":1036,"description":1037},"item-icon","An entry's prepend \u002F append icons — resolved with that entry's states.",{"name":1039,"description":1040},"item-description","An entry's muted second line (its `description`) — resolved with that entry's states. A per-entry `#\u003Ckey>` slot replaces it.",[1042,1044,1047],{"name":487,"description":1043},"Per node, on the entry parts: an entry that is disabled.",{"name":1045,"description":1046},"open","Component-wide: the menu is open.",{"name":1048,"description":1049},"selected","Per node, on the entry parts: a selectable group's checked entry.",{"removed":1051,"renamed":1060},[1052,1057],{"name":648,"replacedBy":352,"since":1053,"migration":1054,"silent":733,"fix":1055},"3.0.0-unreleased","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-dropdown.md",{"kind":1056},"remove",{"name":676,"replacedBy":680,"since":1053,"migration":1054,"silent":733,"fix":1058},{"kind":1059},"rename",[1061],{"from":676,"to":680,"since":1053,"migration":1054,"fix":1062},{"kind":1059},1790005163410]