[{"data":1,"prerenderedAt":1153},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-none":352,"page-en-\u002Fcomponents\u002Fbb-radio":353,"pt-showcase-BbRadio":877},{"\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":230,"body":355,"component":230,"description":864,"extension":865,"group":221,"meta":866,"navigation":867,"order":157,"path":231,"sections":868,"seo":874,"stem":875,"__hash__":876},"docs_en\u002Fcomponents\u002Fbb-radio.md",{"type":356,"value":357,"toc":857},"minimark",[358,424,430,443,451,468,472,478,483,494,505,511,514,517,525,540,546,549,552,573,579,585,591,594,602,635,641,654,657,685,706,735,738,838,853],[359,360,361,378],"when",{},[362,363,364,365,368,369,373,374,377],"p",{},"There are two reasons to reach for a lone ",[366,367,230],"code",{},". Either the options must sit\n",[370,371,372],"strong",{},"inside other markup",", such as a pricing card per option, or one option needs\na ",[370,375,376],{},"label the others do not have",".",[379,380,382],"template",{"v-slot:else":381},"",[383,384,385,410,417],"ul",{},[386,387,388,393,394,397,398,401,402,405,406,409],"li",{},[389,390,391],"a",{"href":62},[366,392,233],{},": ",[370,395,396],{},"almost always",". It wraps\nthe same buttons in a real ",[366,399,400],{},"\u003Cfieldset>",", maps your ",[366,403,404],{},"items",", wires ",[366,407,408],{},"name"," and\nthe model, and gives you one validation channel for the set",[386,411,412,416],{},[389,413,414],{"href":66},[366,415,239],{},": the set is large or dynamic",[386,418,419,423],{},[389,420,421],{"href":20},[366,422,224],{},": it is an independent yes\u002Fno",[362,425,426,427,429],{},"A lone ",[366,428,230],{}," is an escape hatch. This page is mostly about knowing whether\nyou are standing in front of one.",[362,431,432,433,438,439,442],{},"The field states, the value contract and the layout are identical to\n",[389,434,436],{"href":435},"\u002Fen\u002Fcomponents\u002Fbb-checkbox#states",[366,437,224],{},"'s, and are documented there.\nCarry one thing over: ",[366,440,441],{},"reverse"," inverted its meaning in v3, so an explicit value\nyou are migrating has to be flipped.",[444,445,447],"h2",{"id":446},"default",[448,449,450],"span",{},"An exclusive group by hand",[362,452,453,454,456,457,459,460,463,464,467],{},"Three things make a set of ",[366,455,230],{}," behave as one group: a shared ",[366,458,408],{},", the\nsame ",[366,461,462],{},"v-model",", and a distinct ",[366,465,466],{},"value"," on each button.",[469,470],"demo",{"name":471},"BbRadio\u002FBasic",[362,473,474,475,477],{},"Selecting one deselects the others, because they share the model. And because\nthey are native radios sharing a ",[366,476,408],{},", the browser gives you roving focus for\nfree: Tab reaches the set once, and the arrow keys move focus and selection\nbetween the buttons.",[362,479,480,482],{},[366,481,466],{}," is what lands in the model. Any serializable value works and is matched\nstructurally, but prefer stable primitive ids: they survive a refetch and are\ncheap to submit.",[362,484,485,486,489,490,493],{},"What you do ",[370,487,488],{},"not"," get for free is the grouping semantics. The container is\nyours, and so are its ",[366,491,492],{},"role=\"radiogroup\""," and its accessible name. A set of\nradios with no wrapper is announced as three unrelated buttons.",[495,496,497],"migration",{},[362,498,499,501,502,504],{},[366,500,408],{}," is no longer required. Omit it and the component generates one, unique to\nthat button and stable for its lifetime, so a lone radio is never left unnamed.\nWatch the group case, though: generated names differ per button. Without an\nexplicit shared ",[366,503,408],{}," no native group forms, and you lose exclusivity and the\narrow keys with it.",[444,506,508],{"id":507},"interleaved",[448,509,510],{},"Options inside other markup",[362,512,513],{},"The first reason to hand-compose: each option carries content that sits beside\nthe radio rather than inside it.",[469,515],{"name":516},"BbRadio\u002FPlanCards",[362,518,519,521,522,524],{},[366,520,233],{}," maps one label and one value per item. When an option needs a\nsecond column, a price or a thumbnail say, that mapping runs out and you want a\n",[366,523,230],{}," per option inside your own card.",[362,526,527,528,531,532,535,536,539],{},"Keep ",[366,529,530],{},"description"," on the radio rather than in the card. It is wired into the\ninput's ",[366,533,534],{},"aria-describedby",", so it is read as part of the option. The same text\nin a sibling ",[366,537,538],{},"\u003Cp>"," is read as unrelated page content.",[444,541,543],{"id":542},"label-content",[448,544,545],{},"Per-option labels",[362,547,548],{},"The second reason: one option needs a badge, emphasis or a link that the others\ndo not.",[469,550],{"name":551},"BbRadio\u002FMergeStrategy",[362,553,554,555,558,559,562,563,566,567,569,570,572],{},"The ",[366,556,557],{},"label"," slot replaces the rendered label and receives\n",[366,560,561],{},"{ text, hasErrors, hasWarnings }",", where ",[366,564,565],{},"text"," is the ",[366,568,557],{}," prop. Keep\npassing ",[366,571,557],{}," even when you override it: that string is still the accessible\nname.",[362,574,575,576,578],{},"Reserve this for the option that genuinely differs. If every option needs the\nsame decoration you have a uniform mapping again, and ",[366,577,233],{}," does it\nwith less markup.",[444,580,582],{"id":581},"states",[448,583,584],{},"Errors and locked options",[362,586,587,590],{},[366,588,589],{},"errors"," lives on a button and the error belongs to the group, which is where\nthe missing fieldset starts to cost you something.",[469,592],{"name":593},"BbRadio\u002FStates",[362,595,596,597,599,600,377],{},"Put the message on one button, the last, so it reads as closing the set.\nRepeated ",[366,598,589],{}," render the same sentence three times and announce it three\ntimes. The price is that the message stays tied to that one option. If a\nhand-composed group needs validation at all, move to ",[366,601,233],{},[362,603,604,607,608,611,612,616,617,620,621,624,625,627,628,630,631,634],{},[366,605,606],{},"disabled"," and ",[366,609,610],{},"readonly"," differ exactly as they do on\n",[389,613,614],{"href":435},[366,615,224],{},". There is one radio-specific\ncatch: ",[366,618,619],{},"role=\"radio\""," supports no ",[366,622,623],{},"aria-readonly",", so a lone readonly radio\ncannot announce that it is locked. Say it in ",[366,626,530],{},", or use\n",[366,629,233],{},", whose ",[366,632,633],{},"radiogroup"," does carry the attribute.",[444,636,638],{"id":637},"custom-markup",[448,639,640],{},"Custom markup",[362,642,643,644,646,647,649,650,653],{},"At the far end of the same slope, ",[366,645,233],{}," then ",[366,648,230],{}," then this,\n",[366,651,652],{},"BbBaseRadioIcon"," gives you the library's dot inside a surface that is entirely\nyours.",[469,655],{"name":656},"BbRadio\u002FCustomMarkup",[362,658,659,661,662,665,666,668,669,665,671,665,674,607,677,680,681,684],{},[366,660,652],{}," draws and nothing more: the ring and the scaling inner dot,\nwith no input, no events and no state. You pass ",[366,663,664],{},"checked",", ",[366,667,606],{},",\n",[366,670,610],{},[366,672,673],{},"has-errors",[366,675,676],{},"has-warning",[366,678,679],{},"focus-visible",". There is no\n",[366,682,683],{},"indeterminate"," here, because a radio is binary per option.",[362,686,687,688,691,692,694,695,698,699,702,703,705],{},"It is ",[366,689,690],{},"aria-hidden"," and cannot be focused, so it must sit on real native radios\nsharing one ",[366,693,408],{},". Those are what keep exclusivity and the arrow keys working.\nHide the input with ",[366,696,697],{},"sr-only"," rather than ",[366,700,701],{},"display: none",", which would remove it\nfrom the tab order and from the form. Pass ",[366,704,679],{}," yourself, or a\nkeyboard user gets no ring.",[362,707,708,709,712,713,715,716,665,718,665,721,665,724,668,726,665,728,665,731,607,733,377],{},"There is a smaller step before that one. The ",[366,710,711],{},"icon"," slot on ",[366,714,230],{}," replaces\nonly the dot visual and keeps the input, the label and the field chrome. It\nreceives the live state: ",[366,717,664],{},[366,719,720],{},"focused",[366,722,723],{},"focusVisible",[366,725,606],{},[366,727,610],{},[366,729,730],{},"hasErrors",[366,732,466],{},[366,734,565],{},[362,736,737],{},"The custom properties live on the dot element, so target that element rather\nthan an ancestor:",[739,740,744],"pre",{"className":741,"code":742,"language":743,"meta":381,"style":381},"language-css shiki shiki-themes github-light-high-contrast github-dark-high-contrast",".bb-radio .bb-base-radio-icon {\n    --size: 20px; \u002F* ring diameter, default 16px *\u002F\n    --space: 3px; \u002F* gap between ring and dot, default 2px *\u002F\n    --color: #16a34a; \u002F* the dot *\u002F\n    --ring-color: var(--bb-ring);\n}\n","css",[366,745,746,760,782,799,814,833],{"__ignoreMap":381},[448,747,749,753,756],{"class":748,"line":131},"line",[448,750,752],{"class":751},"s-5SL",".bb-radio",[448,754,755],{"class":751}," .bb-base-radio-icon",[448,757,759],{"class":758},"suds8"," {\n",[448,761,762,766,768,771,775,778],{"class":748,"line":135},[448,763,765],{"class":764},"soyes","    --size",[448,767,393],{"class":758},[448,769,770],{"class":751},"20",[448,772,774],{"class":773},"sHUrx","px",[448,776,777],{"class":758},"; ",[448,779,781],{"class":780},"sLBg1","\u002F* ring diameter, default 16px *\u002F\n",[448,783,784,787,789,792,794,796],{"class":748,"line":157},[448,785,786],{"class":764},"    --space",[448,788,393],{"class":758},[448,790,791],{"class":751},"3",[448,793,774],{"class":773},[448,795,777],{"class":758},[448,797,798],{"class":780},"\u002F* gap between ring and dot, default 2px *\u002F\n",[448,800,801,804,806,809,811],{"class":748,"line":161},[448,802,803],{"class":764},"    --color",[448,805,393],{"class":758},[448,807,808],{"class":751},"#16a34a",[448,810,777],{"class":758},[448,812,813],{"class":780},"\u002F* the dot *\u002F\n",[448,815,816,819,821,824,827,830],{"class":748,"line":165},[448,817,818],{"class":764},"    --ring-color",[448,820,393],{"class":758},[448,822,823],{"class":751},"var",[448,825,826],{"class":758},"(",[448,828,829],{"class":764},"--bb-ring",[448,831,832],{"class":758},");\n",[448,834,835],{"class":748,"line":199},[448,836,837],{"class":758},"}\n",[362,839,840,841,844,845,848,849,852],{},"This is where v2's ",[366,842,843],{},"color"," prop went, removed with no replacement. Recolor\nthrough ",[366,846,847],{},"--color",", or through the theme's ",[366,850,851],{},"--bb-primary"," when the whole product\nshould follow.",[854,855,856],"style",{},"html pre.shiki code .s-5SL, html code.shiki .s-5SL{--shiki-default:#023B95;--shiki-dark:#91CBFF}html pre.shiki code .suds8, html code.shiki .suds8{--shiki-default:#0E1116;--shiki-dark:#F0F3F6}html pre.shiki code .soyes, html code.shiki .soyes{--shiki-default:#702C00;--shiki-dark:#FFB757}html pre.shiki code .sHUrx, html code.shiki .sHUrx{--shiki-default:#A0111F;--shiki-dark:#FF9492}html pre.shiki code .sLBg1, html code.shiki .sLBg1{--shiki-default:#66707B;--shiki-dark:#BDC4CC}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);}",{"title":381,"searchDepth":157,"depth":157,"links":858},[859,860,861,862,863],{"id":446,"depth":135,"text":450},{"id":507,"depth":135,"text":510},{"id":542,"depth":135,"text":545},{"id":581,"depth":135,"text":584},{"id":637,"depth":135,"text":640},"A single radio button, for composing an exclusive group by hand inside your own markup.","md",{},true,[869,870,871,872,873],{"id":446,"title":450},{"id":507,"title":510},{"id":542,"title":545},{"id":581,"title":584},{"id":637,"title":640},{"title":230,"description":864},"components\u002Fbb-radio","AOtojCMXUVGwNJ0CVNOFdLFOJDqA6fDRGaaZ-0987tc",{"name":230,"slug":878,"group":221,"description":879,"entrypoint":880,"docs":881,"props":884,"models":1063,"events":1066,"slots":1094,"exposed":1106,"pt":1107,"validated":352,"migration":1138},"bb-radio","Represents a single choice in exclusive options.","bitboss-ui",{"contract":882,"source":883},"ai\u002FBbRadio.md","ai\u002Fsource\u002FBbRadio.md",[885,890,894,898,903,907,911,913,916,919,922,925,930,934,937,941,944,947,951,954,956,958,960,962,964,966,968,970,972,974,976,978,980,982,984,986,988,990,992,994,996,998,1000,1002,1004,1006,1008,1010,1012,1014,1016,1018,1020,1022,1024,1026,1028,1030,1032,1034,1036,1038,1040,1042,1044,1046,1048,1051,1054,1057,1060],{"name":886,"type":887,"required":888,"default":352,"description":889,"note":352,"demo":352},"autofocus","Booleanish | undefined",false,"Sets autofocus on page load.",{"name":664,"type":891,"required":888,"default":352,"description":892,"note":893,"demo":352},"boolean | undefined","Defines the input as checked.","Overrides the model-derived display and fights a `v-model` — pick one source of truth. Narrowed to a plain boolean in v3, so the v2 string forms no longer compile.",{"name":530,"type":895,"required":888,"default":352,"description":896,"note":897,"demo":507},"string | undefined","Descriptive text displayed below the label and above the input. Unlike the hint it is always\nvisible, and it is linked to the input via `aria-describedby` (after any\n`errors` \u002F `warnings`, before the `hint`).","Wired into the input's `aria-describedby`, so it is announced as part of the option. The same sentence in a sibling element is read as unrelated page content.",{"name":899,"type":900,"required":888,"default":901,"description":902,"note":352,"demo":352},"direction","InputDirection | undefined","\"auto\"","Direction of the layout of the component. Can either be a predefined value or a pattern separated by a space like `xx xxxxx`.",{"name":606,"type":891,"required":888,"default":904,"description":905,"note":906,"demo":581},"false","Disables the component.","Removes the option from the tab order and from the post. Prefer offering a real choice; when you cannot, say why in `description`.",{"name":589,"type":908,"required":888,"default":352,"description":909,"note":910,"demo":581},"string | string[] | undefined","Can be a string or an array of string containing the messages to display.\nThey render in an `aria-live=\"polite\"` region (announced when they appear)\nand, while the list is non-empty, are referenced FIRST from the control's\n`aria-describedby`, so the reason the field is invalid is re-read whenever\nthe control regains focus.","Lives on one button, while the error usually belongs to the whole set. Put it on a single radio rather than on each one — repeated, it renders and announces the same sentence per button. A set that needs validation is an argument for `BbRadioGroup`.",{"name":730,"type":891,"required":888,"default":904,"description":912,"note":352,"demo":581},"Define if the component should be in an error state.\nIt usually attaches a CSS class for styling purposes.",{"name":914,"type":891,"required":888,"default":904,"description":915,"note":352,"demo":352},"hasWarnings","Define if the component should be in a warning state.\nSame chrome as errors with `--bb-warn`; errors take priority.",{"name":917,"type":891,"required":888,"default":904,"description":918,"note":352,"demo":352},"hideLabel","Visually hides the label of the input while maintaining accessibility.",{"name":920,"type":895,"required":888,"default":352,"description":921,"note":352,"demo":352},"hint","Text box to be displayed near the input, usually to indicate instructions.",{"name":923,"type":895,"required":888,"default":352,"description":924,"note":352,"demo":352},"id","The identifier of the component.",{"name":926,"type":927,"required":888,"default":928,"description":929,"note":352,"demo":352},"inputPosition","\"left\" | \"center\" | \"right\" | undefined","\"left\"","Sets the alignment of the input. Since inputs are inline block they can be aligned just as text can.",{"name":557,"type":931,"required":867,"default":352,"description":932,"note":933,"demo":446},"string","Text content of the label of the element.","Required on every button: it is the accessible name, and it stays the accessible name when the `label` slot replaces the rendered text.",{"name":935,"type":927,"required":888,"default":352,"description":936,"note":352,"demo":352},"labelPosition","Sets the text alignment of the label.",{"name":938,"type":939,"required":888,"default":352,"description":940,"note":352,"demo":352},"modelValue","any","Used by v-model. Can be any serializable type.",{"name":408,"type":895,"required":888,"default":352,"description":942,"note":943,"demo":446},"Defines the name of the input. Optional: an omitted name falls back to a\ngenerated one, unique to this button and stable for its lifetime, so a lone\nradio needs no name at all. Buttons that must form ONE exclusive group still\nhave to share an explicit `name` — generated names are per-instance, so they\nwould never group. Pass a name too when the value has to be submitted under a\nknown key by a native (non-JS) form post.","No longer required in v3 — an omitted name is generated per button. That is exactly why a hand-composed group must still pass one shared explicit name: generated names differ, so those buttons never form a native group and you lose exclusivity and arrow-key navigation with it.",{"name":945,"type":891,"required":888,"default":904,"description":946,"note":352,"demo":352},"persistentHint","Keeps the hint displayed.",{"name":948,"type":949,"required":888,"default":352,"description":950,"note":352,"demo":352},"pt","PtMap\u003CTogglePtPart, TogglePtState> | undefined","Passthrough, object form: the same keys as the `pt:*` attributes\nwithout the prefix. See the `pt:\u003Cpart>` row.",{"name":952,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:description","PtValue | undefined",{"name":955,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:description:checked",{"name":957,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:description:disabled",{"name":959,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:description:errors",{"name":961,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:description:focus-visible",{"name":963,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:description:focused",{"name":965,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:description:readonly",{"name":967,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:description:warnings",{"name":969,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:hint",{"name":971,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:hint:checked",{"name":973,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:hint:disabled",{"name":975,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:hint:errors",{"name":977,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:hint:focus-visible",{"name":979,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:hint:focused",{"name":981,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:hint:readonly",{"name":983,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:hint:warnings",{"name":985,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:icon",{"name":987,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:icon:checked",{"name":989,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:icon:disabled",{"name":991,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:icon:errors",{"name":993,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:icon:focus-visible",{"name":995,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:icon:focused",{"name":997,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:icon:readonly",{"name":999,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:icon:warnings",{"name":1001,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:label",{"name":1003,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:label:checked",{"name":1005,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:label:disabled",{"name":1007,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:label:errors",{"name":1009,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:label:focus-visible",{"name":1011,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:label:focused",{"name":1013,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:label:readonly",{"name":1015,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:label:warnings",{"name":1017,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:message",{"name":1019,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:message:checked",{"name":1021,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:message:disabled",{"name":1023,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:message:errors",{"name":1025,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:message:focus-visible",{"name":1027,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:message:focused",{"name":1029,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:message:readonly",{"name":1031,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:message:warnings",{"name":1033,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:root",{"name":1035,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:root:checked",{"name":1037,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:root:disabled",{"name":1039,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:root:errors",{"name":1041,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:root:focus-visible",{"name":1043,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:root:focused",{"name":1045,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:root:readonly",{"name":1047,"type":953,"required":888,"default":352,"description":352,"note":352,"demo":352},"pt:root:warnings",{"name":610,"type":891,"required":888,"default":904,"description":1049,"note":1050,"demo":581},"Sets the input in a readonly state.","Blocks changes while staying focusable and still submitting. A lone radio cannot announce it — `role=\"radio\"` supports no `aria-readonly` — so explain it in `description`, or use `BbRadioGroup`, whose `radiogroup` does carry the attribute.",{"name":1052,"type":891,"required":888,"default":904,"description":1053,"note":352,"demo":352},"required","Sets the input as required.",{"name":441,"type":891,"required":888,"default":904,"description":1055,"note":1056,"demo":352},"Reverses the layout: in every direction the order of the label and the\ninput is swapped from the standard arrangement.","Its meaning inverted in v3 and the compiler cannot see it. The default rendering is unchanged, but a v2 `:reverse=\"false\"` becomes a bare `reverse`, and a v2 `reverse` is deleted.",{"name":466,"type":939,"required":867,"default":352,"description":1058,"note":1059,"demo":446},"Defines the value of the radio input.\nIt can be any serializable value.","Required, and distinct per button — two buttons sharing a value are not two options. Any serializable value is matched structurally, but prefer stable primitive ids: they survive a refetch and are cheap to submit.",{"name":1061,"type":908,"required":888,"default":352,"description":1062,"note":352,"demo":352},"warnings","Warning messages to display beneath the field, in their own `aria-live`\nregion and amber (`--bb-text-warn`). A string or array; a non-empty list\nimplies the warning state. Errors suppress warnings when both are set.\nWhile displayed they are also referenced from the control's\n`aria-describedby`, after any errors and before the description\u002Fhint.",[1064],{"name":938,"type":939,"note":1065,"demo":446},"One model shared by every button in the set: that is what makes selecting one deselect the rest. It carries the chosen `value` and nothing else.",[1067,1070,1073,1076,1079,1082,1085,1088,1091],{"name":1068,"signature":1069,"description":352,"note":352,"demo":352},"blur","(event: \"blur\", event: FocusEvent): void",{"name":1071,"signature":1072,"description":352,"note":352,"demo":352},"change","(event: \"change\", event: Event): void",{"name":1074,"signature":1075,"description":352,"note":352,"demo":352},"click","(event: \"click\", event: MouseEvent): void",{"name":1077,"signature":1078,"description":352,"note":352,"demo":352},"focus","(event: \"focus\", event: FocusEvent): void",{"name":1080,"signature":1081,"description":352,"note":352,"demo":352},"input","(event: \"input\", event: Event): void",{"name":1083,"signature":1084,"description":352,"note":352,"demo":352},"keydown","(event: \"keydown\", event: KeyboardEvent): void",{"name":1086,"signature":1087,"description":352,"note":352,"demo":352},"mousedown","(event: \"mousedown\", event: MouseEvent): void",{"name":1089,"signature":1090,"description":352,"note":352,"demo":352},"mouseup","(event: \"mouseup\", event: MouseEvent): void",{"name":1092,"signature":1093,"description":352,"note":352,"demo":352},"update:modelValue","(event: \"update:modelValue\", value: any): void",[1095,1098,1102],{"name":530,"type":1096,"description":1097,"note":352,"demo":352},"BbRadioDescriptionSlotProps","Replaces the description text. Provided alone (no `description` prop) it still\nrenders the description region and wires it into `aria-describedby`.",{"name":711,"type":1099,"description":1100,"note":1101,"demo":637},"BbRadioIconSlotProps","Replaces the default radio dot visual inside the radio container. Receives\nthe radio state plus the label text.","Replaces the whole radio-dot visual, so the slot owns selected, unselected and the focus ring. When the row around it is the problem rather than the dot, drop to `BbBaseRadioIcon`.",{"name":557,"type":1103,"description":1104,"note":1105,"demo":542},"BbRadioLabelSlotProps","Replaces the default label text rendered next to the radio button.","Receives `{ text, hasErrors, hasWarnings }`. Use it for the one option that needs a badge or emphasis — if every option needs the same decoration, you have a uniform mapping again and `BbRadioGroup` expresses it with less markup.",[],{"parts":1108,"states":1123},[1109,1112,1114,1116,1119,1121],{"name":1110,"description":1111},"root","The toggle's container: the glyph, the label and the lines under them.",{"name":557,"description":1113},"The label text beside the glyph (the `label` prop).",{"name":530,"description":1115},"The muted line under the label (the `description` prop).",{"name":1117,"description":1118},"message","The errors \u002F warnings line. A node of its own: it can show at the same time as `hint`.",{"name":920,"description":1120},"The helper line (the `hint` prop), shown on focus, or always with `persistent-hint`.",{"name":711,"description":1122},"The drawn glyph — the box, the dot or the switch track. The default one: a consumer `icon` slot replaces it. The hidden native input is not a part.",[1124,1126,1128,1130,1132,1134,1136],{"name":664,"description":1125},"Component-wide: the toggle is on.",{"name":606,"description":1127},"Component-wide: the toggle is `disabled`.",{"name":589,"description":1129},"Component-wide: the toggle shows errors — the glyph and the message line turn red.",{"name":679,"description":1131},"Component-wide: that focus is keyboard-visible — where a focus ring belongs.",{"name":720,"description":1133},"Component-wide: the native input has focus — any focus, mouse included, like the `focused` slot prop.",{"name":610,"description":1135},"Component-wide: the toggle is `readonly` — focusable, cannot change.",{"name":1061,"description":1137},"Component-wide: the toggle shows warnings and no errors.",{"removed":1139,"renamed":1150},[1140,1145],{"name":843,"replacedBy":352,"since":1141,"migration":1142,"silent":867,"fix":1143},"3.0.0-unreleased","ai\u002Fguides\u002Fmigration\u002Fcomponents\u002Fbb-checkbox.md",{"kind":1144},"manual",{"name":1146,"replacedBy":914,"since":1141,"migration":1147,"silent":867,"fix":1148},"hasWarning","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":1149},"rename",[1151],{"from":1146,"to":914,"since":1141,"migration":1147,"fix":1152},{"kind":1149},1790005164672]