[{"data":1,"prerenderedAt":1195},["ShallowReactive",2],{"api-none":3,"docs-nav-en":4,"locale-alternates":232,"page-en-\u002Fcomponents\u002Fbb-button":353,"pt-showcase-BbButton":933},null,[5,16,25,46,58,100,133,166,187,208,220,226],{"label":6,"entries":7},"Getting started",[8,12],{"title":9,"path":10,"component":-1,"order":11},"Installation","\u002Fguides\u002Finstallation",1,{"title":13,"path":14,"component":-1,"order":15},"Migrating from v2","\u002Fguides\u002Fmigration",2,{"label":17,"entries":18},"Design system",[19,22],{"title":20,"path":21,"component":-1,"order":11},"Design tokens","\u002Fguides\u002Fdesign-tokens",{"title":23,"path":24,"component":-1,"order":15},"Design language","\u002Fguides\u002Fdesign-language",{"label":26,"entries":27},"Playbooks",[28,31,34,38,42],{"title":29,"path":30,"component":-1,"order":11},"Options and items","\u002Fguides\u002Foptions-and-items",{"title":32,"path":33,"component":-1,"order":15},"Fetching data","\u002Fguides\u002Ffetching-data",{"title":35,"path":36,"component":-1,"order":37},"Coherence","\u002Fguides\u002Fcoherence",3,{"title":39,"path":40,"component":-1,"order":41},"Validated forms","\u002Fguides\u002Fvalidated-forms",4,{"title":43,"path":44,"component":-1,"order":45},"Icons","\u002Fguides\u002Ficons",5,{"label":47,"entries":48},"Ecosystem",[49,52,55],{"title":50,"path":51,"component":-1,"order":11},"Inertia and Laravel","\u002Fguides\u002Finertia",{"title":53,"path":54,"component":-1,"order":15},"Nuxt","\u002Fguides\u002Fnuxt",{"title":56,"path":57,"component":-1,"order":37},"AI agents","\u002Fguides\u002Fai-agents",{"label":59,"entries":60},"Inputs",[61,64,67,70,73,76,80,84,88,92,96],{"title":62,"path":63,"component":62,"order":11},"BbBaseButton","\u002Fcomponents\u002Fbb-base-button",{"title":65,"path":66,"component":65,"order":15},"BbButton","\u002Fcomponents\u002Fbb-button",{"title":68,"path":69,"component":68,"order":37},"BbColorInput","\u002Fcomponents\u002Fbb-color-input",{"title":71,"path":72,"component":71,"order":41},"BbDatePickerInput","\u002Fcomponents\u002Fbb-date-picker-input",{"title":74,"path":75,"component":74,"order":45},"BbDropzone","\u002Fcomponents\u002Fbb-dropzone",{"title":77,"path":78,"component":77,"order":79},"BbForm","\u002Fcomponents\u002Fbb-form",6,{"title":81,"path":82,"component":81,"order":83},"BbNumberInput","\u002Fcomponents\u002Fbb-number-input",7,{"title":85,"path":86,"component":85,"order":87},"BbTag","\u002Fcomponents\u002Fbb-tag",8,{"title":89,"path":90,"component":89,"order":91},"BbTextarea","\u002Fcomponents\u002Fbb-textarea",9,{"title":93,"path":94,"component":93,"order":95},"BbTextInput","\u002Fcomponents\u002Fbb-text-input",10,{"title":97,"path":98,"component":97,"order":99},"BbTimePickerInput","\u002Fcomponents\u002Fbb-time-picker-input",11,{"label":101,"entries":102},"Selection",[103,106,109,112,115,118,121,124,127,130],{"title":104,"path":105,"component":104,"order":11},"BbCheckbox","\u002Fcomponents\u002Fbb-checkbox",{"title":107,"path":108,"component":107,"order":15},"BbCheckboxGroup","\u002Fcomponents\u002Fbb-checkbox-group",{"title":110,"path":111,"component":110,"order":37},"BbRadio","\u002Fcomponents\u002Fbb-radio",{"title":113,"path":114,"component":113,"order":41},"BbRadioGroup","\u002Fcomponents\u002Fbb-radio-group",{"title":116,"path":117,"component":116,"order":45},"BbRating","\u002Fcomponents\u002Fbb-rating",{"title":119,"path":120,"component":119,"order":79},"BbSelect","\u002Fcomponents\u002Fbb-select",{"title":122,"path":123,"component":122,"order":83},"BbSelectPopover","\u002Fcomponents\u002Fbb-select-popover",{"title":125,"path":126,"component":125,"order":87},"BbSlider","\u002Fcomponents\u002Fbb-slider",{"title":128,"path":129,"component":128,"order":91},"BbSwitch","\u002Fcomponents\u002Fbb-switch",{"title":131,"path":132,"component":131,"order":95},"BbSwitchGroup","\u002Fcomponents\u002Fbb-switch-group",{"label":134,"entries":135},"Overlay",[136,139,142,145,148,151,154,157,160,163],{"title":137,"path":138,"component":137,"order":11},"BbColorPalette","\u002Fcomponents\u002Fbb-color-palette",{"title":140,"path":141,"component":140,"order":15},"BbConfirm","\u002Fcomponents\u002Fbb-confirm",{"title":143,"path":144,"component":143,"order":37},"BbDatePicker","\u002Fcomponents\u002Fbb-date-picker",{"title":146,"path":147,"component":146,"order":41},"BbDialog","\u002Fcomponents\u002Fbb-dialog",{"title":149,"path":150,"component":149,"order":45},"BbDropdown","\u002Fcomponents\u002Fbb-dropdown",{"title":152,"path":153,"component":152,"order":79},"BbDropdownButton","\u002Fcomponents\u002Fbb-dropdown-button",{"title":155,"path":156,"component":155,"order":83},"BbOffCanvas","\u002Fcomponents\u002Fbb-off-canvas",{"title":158,"path":159,"component":158,"order":87},"BbPopover","\u002Fcomponents\u002Fbb-popover",{"title":161,"path":162,"component":161,"order":91},"BbTimePicker","\u002Fcomponents\u002Fbb-time-picker",{"title":164,"path":165,"component":164,"order":95},"BbTooltip","\u002Fcomponents\u002Fbb-tooltip",{"label":167,"entries":168},"Navigation",[169,172,175,178,181,184],{"title":170,"path":171,"component":170,"order":11},"BbAccordion","\u002Fcomponents\u002Fbb-accordion",{"title":173,"path":174,"component":173,"order":15},"BbBreadcrumbs","\u002Fcomponents\u002Fbb-breadcrumbs",{"title":176,"path":177,"component":176,"order":37},"BbCollapsible","\u002Fcomponents\u002Fbb-collapsible",{"title":179,"path":180,"component":179,"order":41},"BbPagination","\u002Fcomponents\u002Fbb-pagination",{"title":182,"path":183,"component":182,"order":45},"BbTabs","\u002Fcomponents\u002Fbb-tabs",{"title":185,"path":186,"component":185,"order":79},"BbTree","\u002Fcomponents\u002Fbb-tree",{"label":188,"entries":189},"Feedback",[190,193,196,199,202,205],{"title":191,"path":192,"component":191,"order":11},"BbAlert","\u002Fcomponents\u002Fbb-alert",{"title":194,"path":195,"component":194,"order":15},"BbBadge","\u002Fcomponents\u002Fbb-badge",{"title":197,"path":198,"component":197,"order":37},"BbIndicator","\u002Fcomponents\u002Fbb-indicator",{"title":200,"path":201,"component":200,"order":41},"BbProgress","\u002Fcomponents\u002Fbb-progress",{"title":203,"path":204,"component":203,"order":45},"BbSpinner","\u002Fcomponents\u002Fbb-spinner",{"title":206,"path":207,"component":206,"order":79},"BbToast","\u002Fcomponents\u002Fbb-toast",{"label":209,"entries":210},"Data Display",[211,214,217],{"title":212,"path":213,"component":212,"order":11},"BbAvatar","\u002Fcomponents\u002Fbb-avatar",{"title":215,"path":216,"component":215,"order":15},"BbIcon","\u002Fcomponents\u002Fbb-icon",{"title":218,"path":219,"component":218,"order":37},"BbTable","\u002Fcomponents\u002Fbb-table",{"label":221,"entries":222},"Layout & Utility",[223],{"title":224,"path":225,"component":224,"order":11},"BbSmoothHeight","\u002Fcomponents\u002Fbb-smooth-height",{"label":227,"entries":228},"Other",[229],{"title":230,"path":231,"component":230,"order":11},"BbAsterisk","\u002Fcomponents\u002Fbb-asterisk",{"\u002Fit\u002Fcomponenti\u002Fbb-accordion":233,"\u002Fen\u002Fcomponents\u002Fbb-accordion":234,"\u002Fit\u002Fcomponenti\u002Fbb-alert":235,"\u002Fen\u002Fcomponents\u002Fbb-alert":236,"\u002Fit\u002Fcomponenti\u002Fbb-asterisk":237,"\u002Fen\u002Fcomponents\u002Fbb-asterisk":238,"\u002Fit\u002Fcomponenti\u002Fbb-avatar":239,"\u002Fen\u002Fcomponents\u002Fbb-avatar":240,"\u002Fit\u002Fcomponenti\u002Fbb-badge":241,"\u002Fen\u002Fcomponents\u002Fbb-badge":242,"\u002Fit\u002Fcomponenti\u002Fbb-base-button":243,"\u002Fen\u002Fcomponents\u002Fbb-base-button":244,"\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs":245,"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs":246,"\u002Fit\u002Fcomponenti\u002Fbb-button":247,"\u002Fen\u002Fcomponents\u002Fbb-button":248,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox":249,"\u002Fen\u002Fcomponents\u002Fbb-checkbox":250,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group":251,"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group":252,"\u002Fit\u002Fcomponenti\u002Fbb-collapsible":253,"\u002Fen\u002Fcomponents\u002Fbb-collapsible":254,"\u002Fit\u002Fcomponenti\u002Fbb-color-input":255,"\u002Fen\u002Fcomponents\u002Fbb-color-input":256,"\u002Fit\u002Fcomponenti\u002Fbb-color-palette":257,"\u002Fen\u002Fcomponents\u002Fbb-color-palette":258,"\u002Fit\u002Fcomponenti\u002Fbb-confirm":259,"\u002Fen\u002Fcomponents\u002Fbb-confirm":260,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker":261,"\u002Fen\u002Fcomponents\u002Fbb-date-picker":262,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input":263,"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input":264,"\u002Fit\u002Fcomponenti\u002Fbb-dialog":265,"\u002Fen\u002Fcomponents\u002Fbb-dialog":266,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown":267,"\u002Fen\u002Fcomponents\u002Fbb-dropdown":268,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button":269,"\u002Fen\u002Fcomponents\u002Fbb-dropdown-button":270,"\u002Fit\u002Fcomponenti\u002Fbb-dropzone":271,"\u002Fen\u002Fcomponents\u002Fbb-dropzone":272,"\u002Fit\u002Fcomponenti\u002Fbb-form":273,"\u002Fen\u002Fcomponents\u002Fbb-form":274,"\u002Fit\u002Fcomponenti\u002Fbb-icon":275,"\u002Fen\u002Fcomponents\u002Fbb-icon":276,"\u002Fit\u002Fcomponenti\u002Fbb-indicator":277,"\u002Fen\u002Fcomponents\u002Fbb-indicator":278,"\u002Fit\u002Fcomponenti\u002Fbb-number-input":279,"\u002Fen\u002Fcomponents\u002Fbb-number-input":280,"\u002Fit\u002Fcomponenti\u002Fbb-off-canvas":281,"\u002Fen\u002Fcomponents\u002Fbb-off-canvas":282,"\u002Fit\u002Fcomponenti\u002Fbb-pagination":283,"\u002Fen\u002Fcomponents\u002Fbb-pagination":284,"\u002Fit\u002Fcomponenti\u002Fbb-popover":285,"\u002Fen\u002Fcomponents\u002Fbb-popover":286,"\u002Fit\u002Fcomponenti\u002Fbb-progress":287,"\u002Fen\u002Fcomponents\u002Fbb-progress":288,"\u002Fit\u002Fcomponenti\u002Fbb-radio":289,"\u002Fen\u002Fcomponents\u002Fbb-radio":290,"\u002Fit\u002Fcomponenti\u002Fbb-radio-group":291,"\u002Fen\u002Fcomponents\u002Fbb-radio-group":292,"\u002Fit\u002Fcomponenti\u002Fbb-rating":293,"\u002Fen\u002Fcomponents\u002Fbb-rating":294,"\u002Fit\u002Fcomponenti\u002Fbb-select":295,"\u002Fen\u002Fcomponents\u002Fbb-select":296,"\u002Fit\u002Fcomponenti\u002Fbb-select-popover":297,"\u002Fen\u002Fcomponents\u002Fbb-select-popover":298,"\u002Fit\u002Fcomponenti\u002Fbb-slider":299,"\u002Fen\u002Fcomponents\u002Fbb-slider":300,"\u002Fit\u002Fcomponenti\u002Fbb-smooth-height":301,"\u002Fen\u002Fcomponents\u002Fbb-smooth-height":302,"\u002Fit\u002Fcomponenti\u002Fbb-spinner":303,"\u002Fen\u002Fcomponents\u002Fbb-spinner":304,"\u002Fit\u002Fcomponenti\u002Fbb-switch":305,"\u002Fen\u002Fcomponents\u002Fbb-switch":306,"\u002Fit\u002Fcomponenti\u002Fbb-switch-group":307,"\u002Fen\u002Fcomponents\u002Fbb-switch-group":308,"\u002Fit\u002Fcomponenti\u002Fbb-table":309,"\u002Fen\u002Fcomponents\u002Fbb-table":310,"\u002Fit\u002Fcomponenti\u002Fbb-tabs":311,"\u002Fen\u002Fcomponents\u002Fbb-tabs":312,"\u002Fit\u002Fcomponenti\u002Fbb-tag":313,"\u002Fen\u002Fcomponents\u002Fbb-tag":314,"\u002Fit\u002Fcomponenti\u002Fbb-text-input":315,"\u002Fen\u002Fcomponents\u002Fbb-text-input":316,"\u002Fit\u002Fcomponenti\u002Fbb-textarea":317,"\u002Fen\u002Fcomponents\u002Fbb-textarea":318,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker":319,"\u002Fen\u002Fcomponents\u002Fbb-time-picker":320,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input":321,"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input":322,"\u002Fit\u002Fcomponenti\u002Fbb-toast":323,"\u002Fen\u002Fcomponents\u002Fbb-toast":324,"\u002Fit\u002Fcomponenti\u002Fbb-tooltip":325,"\u002Fen\u002Fcomponents\u002Fbb-tooltip":326,"\u002Fit\u002Fcomponenti\u002Fbb-tree":327,"\u002Fen\u002Fcomponents\u002Fbb-tree":328,"\u002Fit\u002Fguide\u002Fai-agents":329,"\u002Fen\u002Fguides\u002Fai-agents":330,"\u002Fit\u002Fguide\u002Fcoherence":331,"\u002Fen\u002Fguides\u002Fcoherence":332,"\u002Fit\u002Fguide\u002Fdesign-language":333,"\u002Fen\u002Fguides\u002Fdesign-language":334,"\u002Fit\u002Fguide\u002Fdesign-tokens":335,"\u002Fen\u002Fguides\u002Fdesign-tokens":336,"\u002Fit\u002Fguide\u002Ffetching-data":337,"\u002Fen\u002Fguides\u002Ffetching-data":338,"\u002Fit\u002Fguide\u002Ficons":339,"\u002Fen\u002Fguides\u002Ficons":340,"\u002Fit\u002Fguide\u002Finertia":341,"\u002Fen\u002Fguides\u002Finertia":342,"\u002Fit\u002Fguide\u002Finstallation":343,"\u002Fen\u002Fguides\u002Finstallation":344,"\u002Fit\u002Fguide\u002Fmigration":345,"\u002Fen\u002Fguides\u002Fmigration":346,"\u002Fit\u002Fguide\u002Fnuxt":347,"\u002Fen\u002Fguides\u002Fnuxt":348,"\u002Fit\u002Fguide\u002Foptions-and-items":349,"\u002Fen\u002Fguides\u002Foptions-and-items":350,"\u002Fit\u002Fguide\u002Fvalidated-forms":351,"\u002Fen\u002Fguides\u002Fvalidated-forms":352},"\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",{"id":354,"title":65,"body":355,"component":65,"description":918,"extension":509,"group":59,"meta":919,"navigation":920,"order":15,"path":66,"sections":921,"seo":930,"stem":931,"__hash__":932},"docs_en\u002Fcomponents\u002Fbb-button.md",{"type":356,"value":357,"toc":908},"minimark",[358,422,430,445,449,455,472,483,486,492,519,522,527,545,548,554,565,568,582,600,606,614,617,623,636,645,648,654,661,717,724,731,881,904],[359,360,361,384],"when",{},[362,363,364,365,368,369,372,373,376,377,372,380,383],"p",{},"Use ",[366,367,65],"code",{}," for actions the user performs — save, delete, submit — and for\ndestinations that need button styling. Actions use ",[366,370,371],{},"@click"," or ",[366,374,375],{},"type=\"submit\"",";\nnavigation uses ",[366,378,379],{},"href",[366,381,382],{},"to",".",[385,386,388],"template",{"v-slot:else":387},"",[389,390,391,408,415],"ul",{},[392,393,394,399,400,404,405],"li",{},[395,396,397],"a",{"href":269},[366,398,152],{}," — one dominant action\nhas close alternatives: ",[401,402,403],"em",{},"Save"," \u002F ",[401,406,407],{},"Save as draft",[392,409,410,414],{},[395,411,412],{"href":267},[366,413,149],{}," — no action dominates",[392,416,417,421],{},[395,418,419],{"href":243},[366,420,62],{}," — the surface is clickable\nwith no button chrome at all: a table row, a card",[423,424,426],"h2",{"id":425},"default",[427,428,429],"span",{},"Default",[362,431,432,434,435,438,439,442,443,383],{},[366,433,65],{}," is the library's button, and its label is slot content. ",[366,436,437],{},"type","\ndefaults to ",[366,440,441],{},"button",", so inside a form the only button that submits is the one\nyou mark ",[366,444,375],{},[446,447],"demo",{"name":448},"BbButton\u002FBasic",[423,450,452],{"id":451},"variants",[427,453,454],{},"The variant ladder",[362,456,457,458,461,462,465,466,465,469,383],{},"Variants are a hierarchy, not a palette: one ",[366,459,460],{},"primary"," per region of the page,\nthen ",[366,463,464],{},"secondary",", ",[366,467,468],{},"outline",[366,470,471],{},"ghost",[362,473,474,475,478,479,482],{},"Keep ",[366,476,477],{},"destructive"," for what cannot be undone. ",[366,480,481],{},"link"," recolors the button without\nchanging its box, so it is the wrong choice for an inline text link.",[446,484],{"name":485},"BbButton\u002FVariants",[423,487,489],{"id":488},"sizes",[427,490,491],{},"Sizes and width",[362,493,494,495,498,499,502,503,506,507,510,511,514,515,518],{},"Six sizes, ",[366,496,497],{},"xs"," through ",[366,500,501],{},"2xl",", derived from the global ",[366,504,505],{},"--bb-control-h"," scale, so\nheight, padding, text and icons move together. ",[366,508,509],{},"md"," is the default and lines up\nwith a ",[366,512,513],{},"compact"," field; ",[366,516,517],{},"block"," stretches the button to its container.",[446,520],{"name":521},"BbButton\u002FSizes",[423,523,525],{"id":524},"icons",[427,526,43],{},[362,528,529,532,533,536,537,540,541,544],{},[366,530,531],{},"prepend:icon"," and ",[366,534,535],{},"append:icon"," put an icon beside the label. For an icon-only\nbutton use ",[366,538,539],{},"icon"," and keep writing the label in the slot — it is hidden visually\nand still announced. Use ",[366,542,543],{},"aria-label"," only when that accessible name must differ\nfrom the slot text; never ship an icon-only button with neither.",[446,546],{"name":547},"BbButton\u002FIcons",[423,549,551],{"id":550},"loading",[427,552,553],{},"Async actions",[362,555,556,557,561,562,564],{},"A click handler that ",[558,559,560],"strong",{},"returns"," a promise puts the button into its loading state\nuntil the promise settles and blocks repeat clicks. Fire-and-forget work is not\ntrackable; return the promise or bind ",[366,563,550],{}," to the state that owns it.",[446,566],{"name":567},"BbButton\u002FAsyncAction",[569,570,571],"migration",{},[362,572,573,574,577,578,581],{},"In v2 this was opt-in through ",[366,575,576],{},"auto-loading",". Delete that prop in v3. Use\n",[366,579,580],{},"disable-auto-loading"," only when you intentionally need the old behaviour.",[362,583,584,585,587,588,590,591,595,596,599],{},"A submit button has no async ",[366,586,371],{}," handler to track. Bind ",[366,589,550],{}," to form or\nrequest state instead; ",[395,592,593],{"href":273},[366,594,77],{}," exposes\n",[366,597,598],{},"isSubmitting"," for returned submit work.",[423,601,603],{"id":602},"navigation",[427,604,605],{},"Buttons that navigate",[362,607,608,609,372,611,613],{},"Pass ",[366,610,379],{},[366,612,382],{}," instead of navigating from a click handler. The result is a\nreal link with middle-click, open-in-new-tab and copy-address behaviour.",[446,615],{"name":616},"BbButton\u002FNavigation",[423,618,620],{"id":619},"toggle",[427,621,622],{},"Toggles and exclusive sets",[362,624,625,628,629,532,632,635],{},[366,626,627],{},"v-model"," operates the button as a toggle between ",[366,630,631],{},"true-value",[366,633,634],{},"false-value",".\nSeed the model — an undefined value swallows the first click.",[362,637,638,639,641,642,644],{},"For an exclusive set, share one model and give each button its own ",[366,640,631],{},",\nwith ",[366,643,634],{}," pointing at that same value so the selection is mandatory.",[446,646],{"name":647},"BbButton\u002FToggle",[423,649,651],{"id":650},"styling",[427,652,653],{},"Custom variants",[362,655,656,657,660],{},"Register a name in the plugin config and it becomes a typed value of ",[366,658,659],{},"variant",":",[662,663,667],"pre",{"className":664,"code":665,"language":666,"meta":387,"style":387},"language-ts shiki shiki-themes github-light-high-contrast github-dark-high-contrast","\u002F\u002F nuxt.config.ts\nexport default defineNuxtConfig({\n    bitboss: { buttonVariants: ['upgrade'] },\n});\n","ts",[366,668,669,676,693,709],{"__ignoreMap":387},[427,670,672],{"class":671,"line":11},"line",[427,673,675],{"class":674},"sLBg1","\u002F\u002F nuxt.config.ts\n",[427,677,678,682,685,689],{"class":671,"line":15},[427,679,681],{"class":680},"sHUrx","export",[427,683,684],{"class":680}," default",[427,686,688],{"class":687},"sKwhi"," defineNuxtConfig",[427,690,692],{"class":691},"soyes","({\n",[427,694,695,699,703,706],{"class":671,"line":37},[427,696,698],{"class":697},"suds8","    bitboss: { buttonVariants: [",[427,700,702],{"class":701},"sT6z2","'upgrade'",[427,704,705],{"class":697},"] }",[427,707,708],{"class":691},",\n",[427,710,711,714],{"class":671,"line":41},[427,712,713],{"class":691},"})",[427,715,716],{"class":697},";\n",[362,718,719,720,723],{},"The library ships no CSS for registered variants — you style\n",[366,721,722],{},".bb-button--upgrade"," yourself through the same local properties as the built-in\nvariants.",[362,725,364,726,730],{},[395,727,728],{"href":243},[366,729,62],{}," instead when the control\nneeds a completely custom shape such as a card, row or inline link. A custom\nvariant is still a button; the base component is the primitive.",[662,732,736],{"className":733,"code":734,"language":735,"meta":387,"style":387},"language-css shiki shiki-themes github-light-high-contrast github-dark-high-contrast",".bb-button--upgrade {\n    --bg: var(--bb-primary);\n    --bg-hover: color-mix(in oklab, var(--bb-primary) 90%, black);\n    --bg-pressed: color-mix(in oklab, var(--bb-primary) 80%, black);\n    --fg: var(--bb-primary-fg);\n    --ring: var(--bb-ring);\n}\n","css",[366,737,738,746,766,808,844,860,876],{"__ignoreMap":387},[427,739,740,743],{"class":671,"line":11},[427,741,722],{"class":742},"s-5SL",[427,744,745],{"class":697}," {\n",[427,747,748,751,754,757,760,763],{"class":671,"line":15},[427,749,750],{"class":691},"    --bg",[427,752,753],{"class":697},": ",[427,755,756],{"class":742},"var",[427,758,759],{"class":697},"(",[427,761,762],{"class":691},"--bb-primary",[427,764,765],{"class":697},");\n",[427,767,768,771,773,776,778,781,784,786,788,790,792,795,798,801,803,806],{"class":671,"line":37},[427,769,770],{"class":691},"    --bg-hover",[427,772,753],{"class":697},[427,774,775],{"class":742},"color-mix",[427,777,759],{"class":697},[427,779,780],{"class":691},"in",[427,782,783],{"class":691}," oklab",[427,785,465],{"class":697},[427,787,756],{"class":742},[427,789,759],{"class":697},[427,791,762],{"class":691},[427,793,794],{"class":697},") ",[427,796,797],{"class":742},"90",[427,799,800],{"class":680},"%",[427,802,465],{"class":697},[427,804,805],{"class":742},"black",[427,807,765],{"class":697},[427,809,810,813,815,817,819,821,823,825,827,829,831,833,836,838,840,842],{"class":671,"line":41},[427,811,812],{"class":691},"    --bg-pressed",[427,814,753],{"class":697},[427,816,775],{"class":742},[427,818,759],{"class":697},[427,820,780],{"class":691},[427,822,783],{"class":691},[427,824,465],{"class":697},[427,826,756],{"class":742},[427,828,759],{"class":697},[427,830,762],{"class":691},[427,832,794],{"class":697},[427,834,835],{"class":742},"80",[427,837,800],{"class":680},[427,839,465],{"class":697},[427,841,805],{"class":742},[427,843,765],{"class":697},[427,845,846,849,851,853,855,858],{"class":671,"line":45},[427,847,848],{"class":691},"    --fg",[427,850,753],{"class":697},[427,852,756],{"class":742},[427,854,759],{"class":697},[427,856,857],{"class":691},"--bb-primary-fg",[427,859,765],{"class":697},[427,861,862,865,867,869,871,874],{"class":671,"line":79},[427,863,864],{"class":691},"    --ring",[427,866,753],{"class":697},[427,868,756],{"class":742},[427,870,759],{"class":697},[427,872,873],{"class":691},"--bb-ring",[427,875,765],{"class":697},[427,877,878],{"class":671,"line":83},[427,879,880],{"class":697},"}\n",[569,882,884],{"title":883},"v2 tooltip and theme props",[362,885,886,887,890,891,372,894,896,897,900,901,903],{},"Replace ",[366,888,889],{},"tooltip*"," props with ",[366,892,893],{},"v-bb-tooltip",[366,895,164],{},". Replace ",[366,898,899],{},"theme","\nwith a built-in or registered ",[366,902,659],{},"; unregistered variant names are now\ntype errors.",[905,906,907],"style",{},"html pre.shiki code .sLBg1, html code.shiki .sLBg1{--shiki-default:#66707B;--shiki-dark:#BDC4CC}html pre.shiki code .sHUrx, html code.shiki .sHUrx{--shiki-default:#A0111F;--shiki-dark:#FF9492}html pre.shiki code .sKwhi, html code.shiki .sKwhi{--shiki-default:#622CBC;--shiki-dark:#DBB7FF}html pre.shiki code .soyes, html code.shiki .soyes{--shiki-default:#702C00;--shiki-dark:#FFB757}html pre.shiki code .suds8, html code.shiki .suds8{--shiki-default:#0E1116;--shiki-dark:#F0F3F6}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 .s-5SL, html code.shiki .s-5SL{--shiki-default:#023B95;--shiki-dark:#91CBFF}",{"title":387,"searchDepth":37,"depth":37,"links":909},[910,911,912,913,914,915,916,917],{"id":425,"depth":15,"text":429},{"id":451,"depth":15,"text":454},{"id":488,"depth":15,"text":491},{"id":524,"depth":15,"text":43},{"id":550,"depth":15,"text":553},{"id":602,"depth":15,"text":605},{"id":619,"depth":15,"text":622},{"id":650,"depth":15,"text":653},"Build actions and button-shaped links with loading, accessible names, and a consistent visual hierarchy.",{},true,[922,923,924,925,926,927,928,929],{"id":425,"title":429},{"id":451,"title":454},{"id":488,"title":491},{"id":524,"title":43},{"id":550,"title":553},{"id":602,"title":605},{"id":619,"title":622},{"id":650,"title":653},{"title":65,"description":918},"components\u002Fbb-button","7-rNkQmSZo1Vx0aHA45zf_Ht3Yx7tpglk4K7LFVSXbc",{"name":65,"slug":934,"group":59,"description":935,"entrypoint":936,"docs":937,"props":940,"models":1143,"events":1145,"slots":1149,"exposed":1154,"pt":1155,"validated":3,"migration":1172},"bb-button","Button with loading state, tooltip, and icon support.","bitboss-ui",{"contract":938,"source":939},"ai\u002FBbButton.md","ai\u002Fsource\u002FBbButton.md",[941,946,948,953,958,960,964,968,971,974,978,981,985,988,992,995,999,1002,1004,1007,1010,1013,1016,1019,1022,1024,1027,1029,1032,1036,1038,1040,1043,1046,1049,1051,1053,1057,1061,1063,1066,1069,1072,1076,1079,1081,1083,1085,1087,1089,1091,1093,1095,1097,1099,1101,1104,1107,1112,1117,1120,1123,1127,1131,1135,1140],{"name":942,"type":943,"required":944,"default":3,"description":945,"note":3,"demo":3},"activeClass","string | undefined",false,"Class to apply when the link is active.",{"name":535,"type":943,"required":944,"default":3,"description":947,"note":3,"demo":524},"Icon to be added on the right of the text.",{"name":949,"type":950,"required":944,"default":951,"description":952,"note":3,"demo":3},"ariaCurrentValue","\"page\" | \"step\" | \"location\" | \"date\" | \"time\" | \"true\" | \"false\" | undefined","'page'","Value passed to the attribute `aria-current` when the link is exact active.",{"name":954,"type":955,"required":944,"default":956,"description":957,"note":3,"demo":3},"async","boolean | undefined","false","Inertia: runs the visit without blocking — the page stays interactive and\nseveral async visits can be in flight at once.",{"name":517,"type":955,"required":944,"default":956,"description":959,"note":3,"demo":488},"Displays the component as full width.",{"name":961,"type":962,"required":944,"default":3,"description":963,"note":3,"demo":3},"cacheFor","string | number | (string | number)[] | undefined","Inertia: how long a prefetched response stays fresh before it is\nre-fetched. A single duration, or `[staleAfter, expiresAfter]`.\n\nTyped platform-agnostically (matching BbButton) so the library's types\nnever require `@inertiajs\u002Fvue3` to be installed.",{"name":965,"type":966,"required":944,"default":3,"description":967,"note":3,"demo":3},"cacheTags","string | string[] | undefined","Inertia: tags to file this visit's prefetch cache under, so a later\nrequest can invalidate the whole tagged group.",{"name":969,"type":943,"required":944,"default":3,"description":970,"note":3,"demo":3},"component","Inertia: the page component this visit resolves to. Rarely set by hand —\nthe server normally decides it.",{"name":972,"type":973,"required":944,"default":3,"description":3,"note":3,"demo":3},"data","object | undefined",{"name":975,"type":955,"required":944,"default":956,"description":976,"note":977,"demo":550},"disableAutoLoading","Disables the automatic loading state that tracks async click handlers\n(enabled by default).","Use only when an async click should intentionally remain interactive without automatic pending state.",{"name":979,"type":955,"required":944,"default":956,"description":980,"note":3,"demo":3},"disabled","Disables the component: native `disabled` (or `aria-disabled` on a\nlink), muted paint. Beside `loading`, loading wins the look (spinner and\nvariant colours) and this only adds the native blocking — redundant but\nharmless.",{"name":982,"type":983,"required":944,"default":3,"description":984,"note":3,"demo":3},"download","string | boolean | undefined","Marks an `href` link as a download: renders a plain `\u003Ca download>` doing a\nnative navigation (never an Inertia\u002Frouter visit), so file downloads work.\nPass a string for the suggested filename. A native-anchor signal alongside\n`target` and `external`.",{"name":986,"type":943,"required":944,"default":3,"description":987,"note":3,"demo":3},"exactActiveClass","Class to apply when the link is exact active.",{"name":989,"type":990,"required":944,"default":3,"description":991,"note":3,"demo":3},"except","string[] | undefined","Inertia: the inverse of `only` — properties to EXCLUDE from a partial\nreload. Pass one or the other, not both.",{"name":993,"type":955,"required":944,"default":956,"description":994,"note":3,"demo":3},"external","Forces an `href` link to render as a plain `\u003Ca>` (native navigation),\nbypassing Inertia\u002Frouter interception — same intent as Nuxt's `external`.\nA native-anchor signal alongside `target` and `download`.",{"name":996,"type":997,"required":944,"default":956,"description":998,"note":3,"demo":619},"falseValue","any","Value emitted when the toggle is deactivated.",{"name":1000,"type":955,"required":944,"default":956,"description":1001,"note":3,"demo":619},"group","Identifies the button as part of a button group.",{"name":1003,"type":973,"required":944,"default":3,"description":3,"note":3,"demo":3},"headers",{"name":379,"type":943,"required":944,"default":3,"description":1005,"note":1006,"demo":602},"Returns the hyperlink's URL.\n\nCan be set, to change the URL.","Use for a destination, not an action. The rendered link keeps browser navigation behaviour.",{"name":539,"type":943,"required":944,"default":3,"description":1008,"note":1009,"demo":524},"Used when only an icon with no text should be displayed.","Slot content becomes the visually hidden accessible name. Do not ship an icon-only button without slot text or an explicit `aria-label`.",{"name":1011,"type":955,"required":944,"default":956,"description":1012,"note":3,"demo":3},"instant","Inertia: navigate optimistically on click and reconcile when the response\nlands, instead of waiting for the round trip.",{"name":1014,"type":955,"required":944,"default":956,"description":1015,"note":3,"demo":3},"interactiveWhileLoading","Keeps the button clickable while it is loading. Buttons are disabled\nwhile loading by default; this escape hatch exists for toggles that\nmust stay interactive (e.g. the dropdown-button caret).",{"name":550,"type":955,"required":944,"default":956,"description":1017,"note":1018,"demo":550},"Triggers a loading indicator. A loading button is soft-disabled on its\nown (`aria-disabled`, out of the tab order, clicks and navigation\nblocked) and keeps its variant colours; with `disabled` set too, loading\nstill wins the look.","Bind this when pending state is owned outside the click handler, such as a form or store request.",{"name":1020,"type":1021,"required":944,"default":3,"description":3,"note":3,"demo":3},"method","\"get\" | \"post\" | \"put\" | \"patch\" | \"delete\" | undefined",{"name":1023,"type":997,"required":944,"default":3,"description":3,"note":3,"demo":3},"modelValue",{"name":1025,"type":1026,"required":944,"default":3,"description":3,"note":3,"demo":3},"onBefore","(() => void) | undefined",{"name":1028,"type":1026,"required":944,"default":3,"description":3,"note":3,"demo":3},"onCancel",{"name":1030,"type":1031,"required":944,"default":3,"description":3,"note":3,"demo":3},"onCancelToken","((cancelToken: unknown) => void) | undefined",{"name":1033,"type":1034,"required":944,"default":3,"description":1035,"note":3,"demo":3},"onError","((errors: Record\u003Cstring, string>) => void) | undefined","Lifecycle hook invoked by Inertia when the server responds with\nVALIDATION errors — the ordinary 422 path.\n\nThis is the only failure callback Inertia's `Link` accepts.\n`onHttpException` (server answered 5xx) and `onNetworkError` (the request\nnever arrived) are `router.visit()` \u002F `useForm()` options, NOT Link\nprops — declaring them here would only paste bogus listeners onto the\nanchor. Use a form or an explicit visit when you need to tell them apart.",{"name":1037,"type":1026,"required":944,"default":3,"description":3,"note":3,"demo":3},"onFinish",{"name":1039,"type":990,"required":944,"default":3,"description":3,"note":3,"demo":3},"only",{"name":1041,"type":1026,"required":944,"default":3,"description":1042,"note":3,"demo":3},"onPrefetched","Lifecycle hook invoked by Inertia when a prefetch for this link has\ncompleted and is cached.",{"name":1044,"type":1026,"required":944,"default":3,"description":1045,"note":3,"demo":3},"onPrefetching","Lifecycle hook invoked by Inertia when a prefetch for this link starts.",{"name":1047,"type":1048,"required":944,"default":3,"description":3,"note":3,"demo":3},"onProgress","((progress: { percentage: number | undefined; }) => void) | undefined",{"name":1050,"type":1026,"required":944,"default":3,"description":3,"note":3,"demo":3},"onStart",{"name":1052,"type":1026,"required":944,"default":3,"description":3,"note":3,"demo":3},"onSuccess",{"name":1054,"type":1055,"required":944,"default":3,"description":1056,"note":3,"demo":3},"pageProps","Record\u003Cstring, unknown> | ((currentProps: Record\u003Cstring, unknown>, sharedProps: Record\u003Cstring, unknown>) => Record\u003Cstring, unknown>) | null | undefined","Inertia: props to merge into the next page optimistically, before the\nserver responds. Either an object or a function of the current props.\n\nTyped platform-agnostically (matching BbButton) so the library's types\nnever require `@inertiajs\u002Fvue3` to be installed.",{"name":1058,"type":1059,"required":944,"default":3,"description":1060,"note":3,"demo":3},"prefetch","string | boolean | string[] | undefined","Inertia: fetch and cache this link's page ahead of the click. `true` uses\nthe default trigger; a string or list of strings picks them\n(`'mount'`, `'hover'`, `'click'`).",{"name":531,"type":943,"required":944,"default":3,"description":1062,"note":3,"demo":524},"Icon to be added on the left of the text.",{"name":1064,"type":1065,"required":944,"default":3,"description":3,"note":3,"demo":3},"preserveScroll","boolean | ((props: Record\u003Cstring, unknown>) => boolean) | undefined",{"name":1067,"type":1068,"required":944,"default":3,"description":3,"note":3,"demo":3},"preserveState","boolean | ((props: Record\u003Cstring, unknown>) => boolean) | null | undefined",{"name":1070,"type":955,"required":944,"default":956,"description":1071,"note":3,"demo":3},"preserveUrl","Inertia: keep the current URL in the address bar even though the page\ncontent changes.",{"name":1073,"type":1074,"required":944,"default":3,"description":1075,"note":3,"demo":3},"pt","PtMap\u003CBbButtonPtPart, BbButtonPtState> | undefined","Passthrough, object form: `{ icon: '…', 'icon:loading': '…' }` — the same\nkeys as the `pt:*` attributes without the prefix. Parts: `root`, `icon`,\n`spinner`, `text`. States: `loading`, `disabled`.",{"name":1077,"type":1078,"required":944,"default":3,"description":3,"note":3,"demo":3},"pt:icon","PtValue | undefined",{"name":1080,"type":1078,"required":944,"default":3,"description":3,"note":3,"demo":3},"pt:icon:disabled",{"name":1082,"type":1078,"required":944,"default":3,"description":3,"note":3,"demo":3},"pt:icon:loading",{"name":1084,"type":1078,"required":944,"default":3,"description":3,"note":3,"demo":3},"pt:root",{"name":1086,"type":1078,"required":944,"default":3,"description":3,"note":3,"demo":3},"pt:root:disabled",{"name":1088,"type":1078,"required":944,"default":3,"description":3,"note":3,"demo":3},"pt:root:loading",{"name":1090,"type":1078,"required":944,"default":3,"description":3,"note":3,"demo":3},"pt:spinner",{"name":1092,"type":1078,"required":944,"default":3,"description":3,"note":3,"demo":3},"pt:spinner:disabled",{"name":1094,"type":1078,"required":944,"default":3,"description":3,"note":3,"demo":3},"pt:spinner:loading",{"name":1096,"type":1078,"required":944,"default":3,"description":3,"note":3,"demo":3},"pt:text",{"name":1098,"type":1078,"required":944,"default":3,"description":3,"note":3,"demo":3},"pt:text:disabled",{"name":1100,"type":1078,"required":944,"default":3,"description":3,"note":3,"demo":3},"pt:text:loading",{"name":1102,"type":1103,"required":944,"default":3,"description":3,"note":3,"demo":3},"queryStringArrayFormat","\"brackets\" | \"indices\" | undefined",{"name":1105,"type":955,"required":944,"default":956,"description":1106,"note":3,"demo":3},"replace","Calls `router.replace` instead of `router.push`.",{"name":1108,"type":1109,"required":944,"default":1110,"description":1111,"note":3,"demo":488},"size","Responsive\u003CSizes> | undefined","\"md\"","Sets the size of the button. A single value applies at every breakpoint;\na per-breakpoint map (e.g. `{ default: 'sm', lg: 'md' }`) switches\nresponsively. Purely CSS-driven — no runtime breakpoint watching.",{"name":1113,"type":1114,"required":944,"default":1115,"description":1116,"note":3,"demo":3},"tag","ButtonTag | undefined","'button'","Element to render for the plain (non-link, non-router) button: `'button'`\n(default), `'div'`\u002F`'span'` when nesting inside another button or link, or\n`'label'` for a file-upload trigger. Ignored when `href`\u002F`to` make the\nbutton render as a link.",{"name":1118,"type":943,"required":944,"default":3,"description":1119,"note":3,"demo":3},"target","Sets or retrieves the window or frame at which to target content.",{"name":1121,"type":943,"required":944,"default":3,"description":1122,"note":3,"demo":3},"text","Text content of the component.",{"name":382,"type":1124,"required":944,"default":3,"description":1125,"note":1126,"demo":602},"string | wt | bt | undefined","Route Location the link should navigate to when clicked on.","Use for internal Vue Router or Nuxt navigation instead of calling the router from `@click`.",{"name":1128,"type":997,"required":944,"default":1129,"description":1130,"note":3,"demo":619},"trueValue","true","Value emitted when the toggle is activated.",{"name":437,"type":1132,"required":944,"default":3,"description":1133,"note":1134,"demo":425},"\"button\" | \"submit\" | \"reset\" | undefined","Gets the classification and default behavior of the button.","Defaults to `button`. Set `submit` only when the surrounding form owns the action.",{"name":659,"type":1136,"required":944,"default":1137,"description":1138,"note":1139,"demo":451},"ButtonVariantType | undefined","\"primary\"","Visual variant of the button. Controls colors and surface style while\nkeeping spacing and sizing unchanged.","Choose by hierarchy, not colour. Register recurring project variants; use `BbBaseButton` for a completely custom primitive.",{"name":1141,"type":955,"required":944,"default":956,"description":1142,"note":3,"demo":3},"viewTransition","Inertia: run the page swap inside a View Transition, where the browser\nsupports one.",[1144],{"name":1023,"type":997,"note":3,"demo":619},[1146],{"name":1147,"signature":1148,"description":3,"note":3,"demo":3},"update:modelValue","(event: \"update:modelValue\", value: any): void",[1150],{"name":425,"type":1151,"description":1152,"note":1153,"demo":425},"object","Primary content rendered inside the button. Falls back to the `text` prop when empty.","The visible label, or the accessible name when `icon` makes the text visually hidden.",[],{"parts":1156,"states":1167},[1157,1160,1162,1165],{"name":1158,"description":1159},"root","The button element. The glyph size lives here: `--icon-size` on `pt:root` resizes the icon, the spinner and the gap between them together.",{"name":539,"description":1161},"Every content icon the button renders (`icon`, `prepend:icon`, `append:icon`) — a broadcast; at most two render together. For colour, opacity and attributes — size it through `--icon-size` on `root`, never a size utility here (it breaks the icon \u002F spinner pair).",{"name":1163,"description":1164},"spinner","The loading spinner, parked exactly over the icon. Like `icon`: colour and opacity here, size through `--icon-size` on `root`.",{"name":1121,"description":1166},"The label span. Typography inherits from `root`, so reach for `text` only when a class must apply to the label alone — `truncate` on a long label that must not clip the icons. It carries the margin the label slides by while the spinner is in, so a margin of your own fights the slide.",[1168,1170],{"name":979,"description":1169},"Component-wide: the button is `disabled`.",{"name":550,"description":1171},"Component-wide: `loading` is on — the spinner shows and the button ignores the pointer.",{"removed":1173,"renamed":1192},[1174,1180,1183,1186,1189],{"name":1175,"replacedBy":1014,"since":1176,"migration":1177,"silent":920,"fix":1178},"enabledWhileLoading","3.0.0-unreleased","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-button.md",{"kind":1179},"rename",{"name":899,"replacedBy":3,"since":1176,"migration":1177,"silent":920,"fix":1181},{"kind":1182},"manual",{"name":1184,"replacedBy":3,"since":1176,"migration":1177,"silent":920,"fix":1185},"tooltip",{"kind":1182},{"name":1187,"replacedBy":3,"since":1176,"migration":1177,"silent":920,"fix":1188},"tooltipPlacement",{"kind":1182},{"name":1190,"replacedBy":3,"since":1176,"migration":1177,"silent":920,"fix":1191},"tooltipTimeout",{"kind":1182},[1193],{"from":1175,"to":1014,"since":1176,"migration":1177,"fix":1194},{"kind":1179},1790005160723]