[{"data":1,"prerenderedAt":1193},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-none":352,"page-en-\u002Fcomponents\u002Fbb-textarea":353,"pt-showcase-BbTextarea":772},{"\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":209,"body":355,"component":209,"description":758,"extension":759,"group":179,"meta":760,"navigation":761,"order":211,"path":210,"sections":762,"seo":769,"stem":770,"__hash__":771},"docs_en\u002Fcomponents\u002Fbb-textarea.md",{"type":356,"value":357,"toc":750},"minimark",[358,406,409,420,428,439,443,472,487,493,496,499,505,514,524,530,536,539,542,576,602,619,625,636,639,642,653,659,665,672,675,686,693,701,707,713,727,730],[359,360,361,369],"when",{},[362,363,364,365,368],"p",{},"Reach for ",[366,367,209],"code",{}," when the text runs to more than one line: a comment, a\nbio, release notes, a support message, a postal address.",[370,371,373],"template",{"v-slot:else":372},"",[374,375,376,385,392,399],"ul",{},[377,378,379,384],"li",{},[380,381,382],"a",{"href":86},[366,383,213],{},", when it is one short string",[377,386,387,391],{},[380,388,389],{"href":50},[366,390,201],{},", when it is a number",[377,393,394,398],{},[380,395,396],{"href":34},[366,397,191],{},", when it is a date",[377,400,401,405],{},[380,402,403],{"href":66},[366,404,239],{},", when the value comes from a known set",[362,407,408],{},"Ask whether someone will ever want a second line, not whether the value happens\nto be long today.",[362,410,411,413,414,416,417,419],{},[366,412,209],{}," is ",[366,415,213],{}," with a taller box, and it shares the whole input\nchrome. That vocabulary is documented once, on\n",[380,418,213],{"href":86},". This page covers what is different:\nheight, the Enter constraint, and counters.",[421,422,424],"h2",{"id":423},"default",[425,426,427],"span",{},"Default",[362,429,430,431,434,435,438],{},"A ",[366,432,433],{},"label"," and a ",[366,436,437],{},"v-model",", exactly as on a text input.",[440,441],"demo",{"name":442},"BbTextarea\u002FBasic",[362,444,445,446,449,450,453,454,457,458,460,461,464,465,449,468,471],{},"Same model contract too: ",[366,447,448],{},"string | null",", and ",[366,451,452],{},"null"," once the field is emptied,\nnever ",[366,455,456],{},"''",". ",[366,459,433],{}," is display and accessibility only, so pass ",[366,462,463],{},"name"," whenever\nthe value is submitted natively or read from ",[366,466,467],{},"FormData",[366,469,470],{},"id"," to keep\nprerendered markup stable.",[362,473,474,475,478,479,482,483,486],{},"There is no ",[366,476,477],{},"type",", no ",[366,480,481],{},"mask"," and no ",[366,484,485],{},"input-mode"," here. Multi-line text is text.",[421,488,490],{"id":489},"sizing",[425,491,492],{},"Rows and auto-grow",[362,494,495],{},"This is the one decision the component adds, and it has three answers.",[440,497],{"name":498},"BbTextarea\u002FRowsAndAutoGrow",[362,500,501,504],{},[366,502,503],{},"rows"," on its own fixes the visible height and leaves the native resize handle\nin place: content scrolls, and the user can drag the box taller. Choose it when\na stable form layout matters more than seeing every line at once.",[362,506,507,510,511,513],{},[366,508,509],{},"auto-grow"," on its own drops the handle and grows the field to fit its content,\nanimated through ",[366,512,344],{},". Choose it when people should see everything\nthey wrote: a composer, a review, a message.",[362,515,516,517,519,520,523],{},"Together, ",[366,518,503],{}," becomes a floor. The field starts at that height, grows past it\nas the content demands, and never shrinks below it. Use it instead of a CSS\n",[366,521,522],{},"min-height",", which fights the growth calculation.",[362,525,526,527,529],{},"The trade-off: ",[366,528,509],{}," moves everything below the field while someone types.\nIn a long form that is a page that will not sit still, so keep it for the field\npeople actually write in.",[421,531,533],{"id":532},"chrome",[425,534,535],{},"The shared field chrome",[362,537,538],{},"Everything that surrounds the box is the input family's, unchanged.",[440,540],{"name":541},"BbTextarea\u002FFieldChrome",[362,543,544,547,548,551,552,555,556,559,560,563,564,567,568,457,571,575],{},[366,545,546],{},"description"," sits above the field and is read before typing. ",[366,549,550],{},"hint"," appears\nbelow it on focus, and ",[366,553,554],{},"persistent-hint"," keeps it there. ",[366,557,558],{},"errors"," and ",[366,561,562],{},"warnings","\nare the red and the amber channel, both wired to the ",[366,565,566],{},"\u003Ctextarea>"," through\n",[366,569,570],{},"aria-describedby",[380,572,574],{"href":573},"\u002Fen\u002Fcomponents\u002Fbb-text-input#validation","Errors and\nwarnings"," has the full account.",[362,577,578,581,582,581,585,559,588,591,592,594,595,457,599,601],{},[366,579,580],{},"clearable",", ",[366,583,584],{},"loading",[366,586,587],{},"disabled",[366,589,590],{},"readonly"," behave as they do on a text\ninput, down to ",[366,593,584],{}," being a status light rather than a lock. See\n",[380,596,598],{"href":597},"\u002Fen\u002Fcomponents\u002Fbb-text-input#states","Clearable, loading, disabled and\nreadonly",[366,600,590],{}," is the more useful of\nthe last two here: a long block of terms or generated text is something people\nneed to select and copy.",[362,603,604,607,608,559,611,614,615,618],{},[366,605,606],{},"label-mode"," works too. ",[366,609,610],{},"floating",[366,612,613],{},"inside"," place the label in the field,\nwhich on a tall box is a stronger effect than on a single-line one. Pick the\nmode for the product rather than the field, through ",[366,616,617],{},"defaultInputLabelMode"," in\nthe plugin config.",[421,620,622],{"id":621},"submitting",[425,623,624],{},"Enter does not reach your form",[362,626,627,628,631,632,635],{},"In a textarea Enter means \"new line\", and the component makes sure of it. It\ncalls ",[366,629,630],{},"stopPropagation()"," on ",[366,633,634],{},"keydown",", so no ancestor ever sees the key.",[440,637],{"name":638},"BbTextarea\u002FCommentComposer",[362,640,641],{},"That is a wider consequence than it looks. A ⌘+Enter send shortcut bound on the\nform, a list with arrow-key navigation, a wrapper that closes on Escape: none of\nthem fire while focus is in this field, and nothing warns you. Wire the action\nto a button instead, which is the better interaction anyway.",[362,643,644,647,648,559,650,652],{},[366,645,646],{},"input"," is stopped the same way, so an ancestor listening for input events\nacross a whole form will not hear this field either. The component's own\n",[366,649,634],{},[366,651,646],{}," events still fire. Bind to those, or watch the model.",[362,654,655,656,658],{},"Because the button owns the action, an async click handler gets ",[366,657,185],{},"'s\nloading state for free while the comment saves.",[421,660,662],{"id":661},"counter",[425,663,664],{},"Character counters",[362,666,667,668,671],{},"A counter belongs in the ",[366,669,670],{},"suffix"," slot, beside the value rather than below it,\nwhere it would compete with the hint.",[440,673],{"name":674},"BbTextarea\u002FCounter",[362,676,677,678,682,683,685],{},"A counter is ",[679,680,681],"strong",{},"visual only",". The textarea enforces nothing, and someone using a\nscreen reader does not see a number ticking down. When the cap is a hard rule,\nsurface it through ",[366,684,558],{}," as well, as the demo does.",[362,687,688,689,692],{},"Do not reach for a ",[366,690,691],{},"maxlength"," attribute to enforce it. It is not a prop of this\ncomponent, so it lands on the outer container and constrains nothing. Truncating\nwhat someone typed in silence is worse than telling them anyway.",[362,694,695,696,700],{},"The rest of the affix ring is the same as on a text input, including the append\nposition's priority order. ",[380,697,699],{"href":698},"\u002Fen\u002Fcomponents\u002Fbb-text-input#affixes","Icons and\naffixes"," covers it.",[421,702,704],{"id":703},"layout",[425,705,706],{},"Density and layout",[362,708,709,712],{},[366,710,711],{},"compact"," reduces the control height, per view rather than per field.",[362,714,715,718,719,722,723,726],{},[366,716,717],{},"direction"," puts the label beside the box instead of above it:\n",[366,720,721],{},"direction=\"horizontal\""," for a 50\u002F50 split, two space-separated tokens for a\nratio, ",[366,724,725],{},"reverse"," to swap the columns. A textarea is a good candidate. The label\nbeside the field keeps a settings page scannable when one row is four lines\ntall.",[440,728],{"name":729},"BbTextarea\u002FLayout",[362,731,732,733,735,736,457,739,559,741,743,744,746,747,749],{},"As everywhere in the family, ",[366,734,717],{}," applies only while the resolved label\nmode is ",[366,737,738],{},"outside",[366,740,610],{},[366,742,613],{}," embed the label in the field and\nforce the vertical layout, so ",[366,745,717],{}," is ignored without a warning. Check\n",[366,748,617],{}," before assuming the prop is broken.",{"title":372,"searchDepth":157,"depth":157,"links":751},[752,753,754,755,756,757],{"id":423,"depth":135,"text":427},{"id":489,"depth":135,"text":492},{"id":532,"depth":135,"text":535},{"id":621,"depth":135,"text":624},{"id":661,"depth":135,"text":664},{"id":703,"depth":135,"text":706},"The multi-line text field: fixed rows, auto-growing height and inline character counters.","md",{},true,[763,764,765,766,767,768],{"id":423,"title":427},{"id":489,"title":492},{"id":532,"title":535},{"id":621,"title":624},{"id":661,"title":664},{"id":703,"title":706},{"title":209,"description":758},"components\u002Fbb-textarea","PMHkGMtcAr01rLnrvpB_cwDv_QHx-RyiSVlb15R9bKw",{"name":209,"slug":773,"group":179,"description":774,"entrypoint":775,"docs":776,"props":779,"models":1050,"events":1053,"slots":1093,"exposed":1119,"pt":1120,"validated":1166,"migration":1182},"bb-textarea","Captures multi-line text values.","bitboss-ui",{"contract":777,"source":778},"ai\u002FBbTextarea.md","ai\u002Fsource\u002FBbTextarea.md",[780,785,788,792,798,801,803,805,809,811,815,818,821,824,826,828,832,837,841,844,847,850,853,856,859,863,866,868,870,872,874,876,878,880,882,884,886,888,890,892,894,896,898,900,902,904,906,908,910,912,914,916,918,920,922,924,926,928,930,932,934,936,938,940,942,944,946,948,950,952,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,1037,1039,1043,1048],{"name":781,"type":782,"required":783,"default":352,"description":784,"note":352,"demo":352},"append:icon","string | undefined",false,"Name of the icon to be added at the end of the input.",{"name":786,"type":782,"required":783,"default":352,"description":787,"note":352,"demo":352},"autocomplete","Guides to the browser as to the type of information expected in the field.",{"name":789,"type":790,"required":783,"default":352,"description":791,"note":352,"demo":352},"autofocus","Booleanish | undefined","Sets autofocus on page load.",{"name":793,"type":794,"required":783,"default":795,"description":796,"note":797,"demo":489},"autoGrow","boolean | undefined","false","Expands the textarea to match its content.","Drops the native resize handle and grows the field to fit its content, animated through `BbSmoothHeight`. Combine it with `rows` instead of a CSS `min-height`: a `min-height` fights the growth calculation, `rows` feeds it.",{"name":580,"type":794,"required":783,"default":795,"description":799,"note":800,"demo":532},"Displays a clear button when the input has a value and is being interacted with.","Same behaviour as on BbTextInput: no `clear` event, the model simply goes `null`.",{"name":711,"type":794,"required":783,"default":795,"description":802,"note":352,"demo":703},"Sets the component in a compact state.",{"name":546,"type":782,"required":783,"default":352,"description":804,"note":352,"demo":532},"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`).",{"name":717,"type":806,"required":783,"default":352,"description":807,"note":808,"demo":703},"InputDirection | undefined","Direction of the layout of the component. Can either be a predefined value or a\npattern separated by a space like `xx xxxxx`.","Applies only while the resolved label mode is `outside`; `floating` and `inside` force the vertical layout and ignore it silently. A label beside a four-line box is what makes this component good for settings rows.",{"name":587,"type":794,"required":783,"default":795,"description":810,"note":352,"demo":352},"Disables the component.",{"name":558,"type":812,"required":783,"default":352,"description":813,"note":814,"demo":661},"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.","Also the way a character counter reaches assistive tech — a `suffix` counter is visual only, and the textarea enforces no limit of its own.",{"name":816,"type":794,"required":783,"default":795,"description":817,"note":352,"demo":352},"hasErrors","Define if the component should be in an error state.\nIt usually attaches a CSS class for styling purposes.",{"name":819,"type":794,"required":783,"default":795,"description":820,"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":822,"type":794,"required":783,"default":795,"description":823,"note":352,"demo":352},"hideLabel","Visually hides the label of the input while maintaining accessibility.",{"name":550,"type":782,"required":783,"default":352,"description":825,"note":352,"demo":532},"Text box to be displayed near the input, usually to indicate instructions.",{"name":470,"type":782,"required":783,"default":352,"description":827,"note":352,"demo":352},"The identifier of the component.",{"name":433,"type":829,"required":761,"default":352,"description":830,"note":831,"demo":423},"string","Text content of the label of the element.","Required, and display and accessibility only — it does not set `name`.",{"name":833,"type":834,"required":783,"default":352,"description":835,"note":836,"demo":532},"labelMode","\"outside\" | \"floating\" | \"inside\" | undefined","Label rendering mode. `'outside'` (default) sits the label above\u002Fbeside the\nfield; `'floating'`\u002F`'inside'` overlay it, like the other text inputs.","Works exactly as on BbTextInput, including the `defaultInputLabelMode` fallback. A bare `floating` attribute is not a prop: write `label-mode=\"floating\"`.",{"name":838,"type":839,"required":783,"default":352,"description":840,"note":352,"demo":352},"labelPosition","\"left\" | \"center\" | \"right\" | undefined","Sets the text alignment of the label.",{"name":584,"type":794,"required":783,"default":795,"description":842,"note":843,"demo":532},"Sets the component in a loading state, usually triggering some visual styles.","Visual only — the field stays editable during an autosave round-trip.",{"name":845,"type":448,"required":761,"default":352,"description":846,"note":352,"demo":352},"modelValue","Used by v-model.",{"name":463,"type":782,"required":783,"default":352,"description":848,"note":849,"demo":423},"Defines the name of the input.","Unset, the rendered `\u003Ctextarea>` carries no name, so a native form post drops the value silently.",{"name":851,"type":794,"required":783,"default":795,"description":852,"note":352,"demo":352},"persistentHint","Keeps the hint displayed.",{"name":854,"type":782,"required":783,"default":352,"description":855,"note":352,"demo":352},"placeholder","String displayed when there's no data.",{"name":857,"type":782,"required":783,"default":352,"description":858,"note":352,"demo":352},"prepend:icon","Name of the icon to be added at the start of the input.",{"name":860,"type":861,"required":783,"default":352,"description":862,"note":352,"demo":352},"pt","PtMap\u003CTextControlPtPart, FormControlPtState> | undefined","Passthrough, object form: `{ box: '…', 'box:errors': '…' }` — the same\nkeys as the `pt:*` attributes without the prefix. See the `pt:\u003Cpart>` row.",{"name":864,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:box","PtValue | undefined",{"name":867,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:box:disabled",{"name":869,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:box:errors",{"name":871,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:box:has-value",{"name":873,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:box:loading",{"name":875,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:box:readonly",{"name":877,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:box:warnings",{"name":879,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:clear",{"name":881,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:clear:disabled",{"name":883,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:clear:errors",{"name":885,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:clear:has-value",{"name":887,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:clear:loading",{"name":889,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:clear:readonly",{"name":891,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:clear:warnings",{"name":893,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:description",{"name":895,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:description:disabled",{"name":897,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:description:errors",{"name":899,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:description:has-value",{"name":901,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:description:loading",{"name":903,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:description:readonly",{"name":905,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:description:warnings",{"name":907,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:hint",{"name":909,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:hint:disabled",{"name":911,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:hint:errors",{"name":913,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:hint:has-value",{"name":915,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:hint:loading",{"name":917,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:hint:readonly",{"name":919,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:hint:warnings",{"name":921,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:icon",{"name":923,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:icon:disabled",{"name":925,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:icon:errors",{"name":927,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:icon:has-value",{"name":929,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:icon:loading",{"name":931,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:icon:readonly",{"name":933,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:icon:warnings",{"name":935,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:input",{"name":937,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:input:disabled",{"name":939,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:input:errors",{"name":941,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:input:has-value",{"name":943,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:input:loading",{"name":945,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:input:readonly",{"name":947,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:input:warnings",{"name":949,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:label",{"name":951,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:label:disabled",{"name":953,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:label:errors",{"name":955,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:label:has-value",{"name":957,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:label:loading",{"name":959,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:label:readonly",{"name":961,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:label:warnings",{"name":963,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:message",{"name":965,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:message:disabled",{"name":967,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:message:errors",{"name":969,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:message:has-value",{"name":971,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:message:loading",{"name":973,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:message:readonly",{"name":975,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:message:warnings",{"name":977,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:prefix",{"name":979,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:prefix:disabled",{"name":981,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:prefix:errors",{"name":983,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:prefix:has-value",{"name":985,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:prefix:loading",{"name":987,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:prefix:readonly",{"name":989,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:prefix:warnings",{"name":991,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:root",{"name":993,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:root:disabled",{"name":995,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:root:errors",{"name":997,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:root:has-value",{"name":999,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:root:loading",{"name":1001,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:root:readonly",{"name":1003,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:root:warnings",{"name":1005,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:spinner",{"name":1007,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:spinner:disabled",{"name":1009,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:spinner:errors",{"name":1011,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:spinner:has-value",{"name":1013,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:spinner:loading",{"name":1015,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:spinner:readonly",{"name":1017,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:spinner:warnings",{"name":1019,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:suffix",{"name":1021,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:suffix:disabled",{"name":1023,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:suffix:errors",{"name":1025,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:suffix:has-value",{"name":1027,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:suffix:loading",{"name":1029,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:suffix:readonly",{"name":1031,"type":865,"required":783,"default":352,"description":352,"note":352,"demo":352},"pt:suffix:warnings",{"name":590,"type":794,"required":783,"default":795,"description":1033,"note":352,"demo":352},"Sets the input in a readonly state.",{"name":1035,"type":794,"required":783,"default":795,"description":1036,"note":352,"demo":352},"required","Sets the input as required.",{"name":725,"type":794,"required":783,"default":795,"description":1038,"note":352,"demo":352},"Reverses the layout. Applicable in every direction the order of the label and\nthe input is swapped.",{"name":503,"type":1040,"required":783,"default":352,"description":1041,"note":1042,"demo":489},"string | number | undefined","Sets the number of visible text lines for the control.","On its own, a fixed height with the native resize handle. With `auto-grow`, the floor the field starts at and never shrinks below.",{"name":1044,"type":1045,"required":783,"default":1046,"description":1047,"note":352,"demo":352},"variant","InputVariantType | undefined","'outline'","Visual variant of the field box — the same names and tokens as the\n`BbButton` variants. Colours only: height, padding and border width are\nidentical across variants, so a form never reflows when one changes.\n`'ghost'` has no border in any state (errors and warnings show through\nthe icon and the messages); every variant keeps the focus ring.\nRegister extra names with the plugin's `inputVariants` option.",{"name":562,"type":812,"required":783,"default":352,"description":1049,"note":352,"demo":532},"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.",[1051],{"name":845,"type":448,"note":1052,"demo":423},"`string | null`, like every field in the family: emptied means `null`, never `''`.",[1054,1057,1060,1063,1066,1069,1072,1075,1078,1081,1084,1087,1090],{"name":1055,"signature":1056,"description":352,"note":352,"demo":352},"blur","(event: \"blur\", event: FocusEvent): void",{"name":1058,"signature":1059,"description":352,"note":352,"demo":352},"change","(event: \"change\", event: Event): void",{"name":1061,"signature":1062,"description":352,"note":352,"demo":352},"click","(event: \"click\", event: MouseEvent): void",{"name":1064,"signature":1065,"description":352,"note":352,"demo":352},"compositionend","(event: \"compositionend\", event: CompositionEvent): void",{"name":1067,"signature":1068,"description":352,"note":352,"demo":352},"compositionstart","(event: \"compositionstart\", event: CompositionEvent): void",{"name":1070,"signature":1071,"description":352,"note":352,"demo":352},"focus","(event: \"focus\", event: FocusEvent): void",{"name":646,"signature":1073,"description":352,"note":1074,"demo":621},"(event: \"input\", event: Event): void","Also `stopPropagation()`d, so an ancestor listening across a whole form will not hear this field. Bind here, or watch the model.",{"name":634,"signature":1076,"description":352,"note":1077,"demo":621},"(event: \"keydown\", event: KeyboardEvent): void","Forwarded, but not bubbled: the component calls `stopPropagation()` on `keydown`, so no ancestor handler sees the key — not a form-level ⌘+Enter shortcut, not a dialog listening for Escape. Wire the action to a button.",{"name":1079,"signature":1080,"description":352,"note":352,"demo":352},"keyup","(event: \"keyup\", event: KeyboardEvent): void",{"name":1082,"signature":1083,"description":352,"note":352,"demo":352},"mousedown","(event: \"mousedown\", event: MouseEvent): void",{"name":1085,"signature":1086,"description":352,"note":352,"demo":352},"mouseup","(event: \"mouseup\", event: MouseEvent): void",{"name":1088,"signature":1089,"description":352,"note":352,"demo":352},"paste","(event: \"paste\", event: ClipboardEvent): void",{"name":1091,"signature":1092,"description":352,"note":352,"demo":352},"update:modelValue","(event: \"update:modelValue\", value: string | null): void",[1094,1098,1101,1104,1107,1110,1113,1116],{"name":1095,"type":1096,"description":1097,"note":352,"demo":352},"append","Record\u003Cstring, never>","Content rendered after the textarea, at the end of the inner container.",{"name":1099,"type":1096,"description":1100,"note":352,"demo":352},"append-outer","Content rendered after the entire textarea control, outside the input chrome.",{"name":546,"type":1102,"description":1103,"note":352,"demo":352},"BbTextareaDescriptionSlotProps","Replaces the description text. Provided alone (no `description` prop) it still\nrenders the description region and wires it into `aria-describedby`.",{"name":433,"type":1105,"description":1106,"note":352,"demo":352},"BbTextareaLabelSlotProps","Replaces the default label text rendered above the textarea.",{"name":1108,"type":1096,"description":1109,"note":352,"demo":352},"prefix","Inline content rendered at the start of the textarea field area, before the text.",{"name":1111,"type":1096,"description":1112,"note":352,"demo":352},"prepend","Content rendered before the textarea, at the start of the inner container.",{"name":1114,"type":1096,"description":1115,"note":352,"demo":352},"prepend-outer","Content rendered before the entire textarea control, outside the input chrome.",{"name":670,"type":1096,"description":1117,"note":1118,"demo":661},"Inline content rendered at the end of the textarea field area, after the text.","The home for a character counter: beside the value rather than below it, where it would compete with the hint.",[],{"parts":1121,"states":1152},[1122,1125,1127,1129,1132,1134,1137,1139,1142,1145,1147,1149],{"name":1123,"description":1124},"root","The field's outer container: the label, the box and the lines under it.",{"name":433,"description":1126},"The label text above the box (the `label` prop).",{"name":546,"description":1128},"The muted line under the label (the `description` prop).",{"name":1130,"description":1131},"message","The errors \u002F warnings line under the box. A node of its own: it can show at the same time as `hint`.",{"name":550,"description":1133},"The helper line (the `hint` prop), shown on focus, or always with `persistent-hint`.",{"name":1135,"description":1136},"box","The bordered box around the input — border, background and radius; the `variant` paints here.",{"name":646,"description":1138},"The native input element inside the box.",{"name":1140,"description":1141},"icon","The content icons, prepend and append — a broadcast. Chrome (the clear ✕, a chevron, the error \u002F warning glyph) is never in it.",{"name":1143,"description":1144},"spinner","The spinner inside the box while `loading`.",{"name":1108,"description":1146},"The `#prefix` slot's wrapper, inside the box before the input.",{"name":670,"description":1148},"The `#suffix` slot's wrapper, inside the box after the input.",{"name":1150,"description":1151},"clear","The ✕ that empties this control (`clearable`) — one node, never a chip's own ✕.",[1153,1155,1157,1160,1162,1164],{"name":587,"description":1154},"Component-wide: the control is `disabled`.",{"name":558,"description":1156},"Component-wide: the control is in its error state (`errors` \u002F `has-errors`, or its validation) — the message line and the box turn red.",{"name":1158,"description":1159},"has-value","Component-wide: the control holds a value, by its own rule (`0` counts on `BbNumberInput`, `''` on `BbColorInput`).",{"name":584,"description":1161},"Component-wide: `loading` is on; the box shows its `spinner`.",{"name":590,"description":1163},"Component-wide: the control is `readonly` — shown, focusable, not editable.",{"name":562,"description":1165},"Component-wide: the control is in its warning state (`warnings` \u002F `has-warnings`) and not in an error state — errors win, so the two are never on together.",{"entrypoint":1167,"props":1168},"bitboss-ui\u002Fvalidated",[1169,1174,1179],{"name":1170,"type":1171,"required":783,"default":352,"description":1172,"note":1173,"demo":352},"rules","RuleExpression\u003Cstring | null>","vee-validate rules for this field.","Only on the `bitboss-ui\u002Fvalidated` build, inside a `BbForm`. Defaults to validating on `blur`.",{"name":1175,"type":1176,"required":783,"default":1177,"description":1178,"note":352,"demo":352},"validateOn","ValidateTiming[] | undefined","[\"blur\"]","Which interactions trigger validation (see\n`ValidatedFieldProps.validateOn` for the timing vocabulary).",{"name":1180,"type":782,"required":783,"default":352,"description":1181,"note":352,"demo":352},"vid","Explicit vee-validate field name. **Usually omit it** — the name is derived\nautomatically from the control's `label`\u002F`legend`. Only set `vid` when that\nderivation wouldn't be unique (e.g. v-for rows, or array `v-model`s that\nshare a label). A control with no `label`\u002F`legend` (like `BbDropzone`) must\nprovide it.",{"removed":1183,"renamed":1190},[1184],{"name":1185,"replacedBy":819,"since":1186,"migration":1187,"silent":761,"fix":1188},"hasWarning","3.0.0-unreleased","ai\u002Fguides\u002Fmigration\u002Fv2-to-v3.md",{"kind":1189},"rename",[1191],{"from":1185,"to":819,"since":1186,"migration":1187,"fix":1192},{"kind":1189},1790005166859]