[{"data":1,"prerenderedAt":1204},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftextarea\u002Fdeveloper":439},[4,30,256,281,366,375,402,424],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20,25],{"title":11,"path":12,"stem":13,"icon":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":16,"path":17,"stem":18,"icon":19},"Nuxt","\u002Fgetting-started\u002Fnuxt","1.getting-started\u002F3.nuxt","i-lucide-mountain",{"title":21,"path":22,"stem":23,"icon":24},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming","i-lucide-palette",{"title":26,"path":27,"stem":28,"icon":29},"MCP","\u002Fgetting-started\u002Fmcp","1.getting-started\u002F5.mcp","i-lucide-plug",{"title":31,"icon":6,"path":32,"stem":33,"children":34,"page":6},"Components","\u002Fcomponents","2.components",[35,43,51,59,67,75,83,92,100,104,108,116,124,133,141,149,157,166,174,182,191,199,203,211,220,228,236,240,248],{"title":36,"path":37,"stem":38,"children":39,"page":6},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002F01.accordion",[40],{"title":36,"path":41,"stem":42},"\u002Fcomponents\u002Faccordion\u002Foverview","2.components\u002F01.accordion\u002F1.overview",{"title":44,"path":45,"stem":46,"children":47,"page":6},"Alert","\u002Fcomponents\u002Falert","2.components\u002F02.alert",[48],{"title":44,"path":49,"stem":50},"\u002Fcomponents\u002Falert\u002Foverview","2.components\u002F02.alert\u002F1.overview",{"title":52,"path":53,"stem":54,"children":55,"page":6},"Button","\u002Fcomponents\u002Fbutton","2.components\u002F03.button",[56],{"title":52,"path":57,"stem":58},"\u002Fcomponents\u002Fbutton\u002Foverview","2.components\u002F03.button\u002F1.overview",{"title":60,"path":61,"stem":62,"children":63,"page":6},"Card","\u002Fcomponents\u002Fcard","2.components\u002F04.card",[64],{"title":60,"path":65,"stem":66},"\u002Fcomponents\u002Fcard\u002Foverview","2.components\u002F04.card\u002F1.overview",{"title":68,"path":69,"stem":70,"children":71,"page":6},"Carousel","\u002Fcomponents\u002Fcarousel","2.components\u002F05.carousel",[72],{"title":68,"path":73,"stem":74},"\u002Fcomponents\u002Fcarousel\u002Foverview","2.components\u002F05.carousel\u002F1.overview",{"title":76,"path":77,"stem":78,"children":79,"page":6},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002F06.checkbox",[80],{"title":76,"path":81,"stem":82},"\u002Fcomponents\u002Fcheckbox\u002Foverview","2.components\u002F06.checkbox\u002F1.overview",{"title":84,"path":85,"stem":86,"children":87,"page":6},"Date Picker","\u002Fcomponents\u002Fdate-picker","2.components\u002F07.date-picker",[88],{"title":89,"path":90,"stem":91},"Date picker","\u002Fcomponents\u002Fdate-picker\u002Foverview","2.components\u002F07.date-picker\u002F1.overview",{"title":93,"path":94,"stem":95,"children":96,"page":6},"Dropdown","\u002Fcomponents\u002Fdropdown","2.components\u002F08.dropdown",[97],{"title":93,"path":98,"stem":99},"\u002Fcomponents\u002Fdropdown\u002Foverview","2.components\u002F08.dropdown\u002F1.overview",{"title":101,"path":102,"stem":103},"Heading","\u002Fcomponents\u002Fheading","2.components\u002F09.heading",{"title":105,"path":106,"stem":107},"Icon","\u002Fcomponents\u002Ficon","2.components\u002F10.icon",{"title":109,"path":110,"stem":111,"children":112,"page":6},"Input","\u002Fcomponents\u002Finput","2.components\u002F11.input",[113],{"title":109,"path":114,"stem":115},"\u002Fcomponents\u002Finput\u002Foverview","2.components\u002F11.input\u002F1.overview",{"title":117,"path":118,"stem":119,"children":120,"page":6},"Label","\u002Fcomponents\u002Flabel","2.components\u002F12.label",[121],{"title":117,"path":122,"stem":123},"\u002Fcomponents\u002Flabel\u002Foverview","2.components\u002F12.label\u002F1.overview",{"title":125,"path":126,"stem":127,"children":128,"page":6},"Phone Number","\u002Fcomponents\u002Fphone-number","2.components\u002F13.phone-number",[129],{"title":130,"path":131,"stem":132},"Phone number","\u002Fcomponents\u002Fphone-number\u002Foverview","2.components\u002F13.phone-number\u002F1.overview",{"title":134,"path":135,"stem":136,"children":137,"page":6},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002F14.popover",[138],{"title":134,"path":139,"stem":140},"\u002Fcomponents\u002Fpopover\u002Foverview","2.components\u002F14.popover\u002F1.overview",{"title":142,"path":143,"stem":144,"children":145,"page":6},"Quantity","\u002Fcomponents\u002Fquantity","2.components\u002F15.quantity",[146],{"title":142,"path":147,"stem":148},"\u002Fcomponents\u002Fquantity\u002Foverview","2.components\u002F15.quantity\u002F1.overview",{"title":150,"path":151,"stem":152,"children":153,"page":6},"Radio","\u002Fcomponents\u002Fradio","2.components\u002F16.radio",[154],{"title":150,"path":155,"stem":156},"\u002Fcomponents\u002Fradio\u002Foverview","2.components\u002F16.radio\u002F1.overview",{"title":158,"path":159,"stem":160,"children":161,"page":6},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002F17.radio-group",[162],{"title":163,"path":164,"stem":165},"Radio group","\u002Fcomponents\u002Fradio-group\u002Foverview","2.components\u002F17.radio-group\u002F1.overview",{"title":167,"path":168,"stem":169,"children":170,"page":6},"Rating","\u002Fcomponents\u002Frating","2.components\u002F18.rating",[171],{"title":167,"path":172,"stem":173},"\u002Fcomponents\u002Frating\u002Foverview","2.components\u002F18.rating\u002F1.overview",{"title":175,"path":176,"stem":177,"children":178,"page":6},"Required","\u002Fcomponents\u002Frequired","2.components\u002F19.required",[179],{"title":175,"path":180,"stem":181},"\u002Fcomponents\u002Frequired\u002Foverview","2.components\u002F19.required\u002F1.overview",{"title":183,"path":184,"stem":185,"children":186,"page":6},"Scroll Area","\u002Fcomponents\u002Fscroll-area","2.components\u002F20.scroll-area",[187],{"title":188,"path":189,"stem":190},"Scroll area","\u002Fcomponents\u002Fscroll-area\u002Foverview","2.components\u002F20.scroll-area\u002F1.overview",{"title":192,"path":193,"stem":194,"children":195,"page":6},"Select","\u002Fcomponents\u002Fselect","2.components\u002F21.select",[196],{"title":192,"path":197,"stem":198},"\u002Fcomponents\u002Fselect\u002Foverview","2.components\u002F21.select\u002F1.overview",{"title":200,"path":201,"stem":202},"Spinner","\u002Fcomponents\u002Fspinner","2.components\u002F22.spinner",{"title":204,"path":205,"stem":206,"children":207,"page":6},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002F23.switch",[208],{"title":204,"path":209,"stem":210},"\u002Fcomponents\u002Fswitch\u002Foverview","2.components\u002F23.switch\u002F1.overview",{"title":212,"path":213,"stem":214,"children":215,"page":6},"Tab Badge","\u002Fcomponents\u002Ftab-badge","2.components\u002F24.tab-badge",[216],{"title":217,"path":218,"stem":219},"Tab badge","\u002Fcomponents\u002Ftab-badge\u002Foverview","2.components\u002F24.tab-badge\u002F1.overview",{"title":221,"path":222,"stem":223,"children":224,"page":6},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002F25.tabs",[225],{"title":221,"path":226,"stem":227},"\u002Fcomponents\u002Ftabs\u002Foverview","2.components\u002F25.tabs\u002F1.overview",{"title":229,"path":230,"stem":231,"children":232,"page":6},"Tag","\u002Fcomponents\u002Ftag","2.components\u002F26.tag",[233],{"title":229,"path":234,"stem":235},"\u002Fcomponents\u002Ftag\u002Foverview","2.components\u002F26.tag\u002F1.overview",{"title":237,"path":238,"stem":239},"Text","\u002Fcomponents\u002Ftext","2.components\u002F27.text",{"title":241,"path":242,"stem":243,"children":244,"page":6},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002F28.textarea",[245],{"title":241,"path":246,"stem":247},"\u002Fcomponents\u002Ftextarea\u002Foverview","2.components\u002F28.textarea\u002F1.overview",{"title":249,"path":250,"stem":251,"children":252,"page":6},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002F29.tooltip",[253],{"title":249,"path":254,"stem":255},"\u002Fcomponents\u002Ftooltip\u002Foverview","2.components\u002F29.tooltip\u002F1.overview",{"title":257,"icon":6,"path":258,"stem":259,"children":260,"page":6},"Foundations","\u002Ffoundations","2.foundations",[261,269,273,277],{"title":262,"icon":6,"path":263,"stem":264,"children":265,"page":6},"Color","\u002Ffoundations\u002Fcolor","2.foundations\u002F1.color",[266],{"title":262,"path":267,"stem":268},"\u002Ffoundations\u002Fcolor\u002Foverview","2.foundations\u002F1.color\u002F1.overview",{"title":270,"path":271,"stem":272},"Icons","\u002Ffoundations\u002Ficons","2.foundations\u002F2.icons",{"title":274,"path":275,"stem":276},"Logos and Pins","\u002Ffoundations\u002Flogos-and-pins","2.foundations\u002F3.logos-and-pins",{"title":278,"path":279,"stem":280},"Web layers","\u002Ffoundations\u002Fweb-layers","2.foundations\u002F4.web-layers",{"title":282,"icon":6,"path":283,"stem":284,"children":285,"page":6},"WIP","\u002Fwip","3.wip",[286,290,294,298,302,306,310,314,318,322,326,330,334,338,342,346,350,354,358,362],{"title":287,"path":288,"stem":289},"Additional","\u002Fwip\u002Fadditional","3.wip\u002Fadditional",{"title":291,"path":292,"stem":293},"Alt text","\u002Fwip\u002Falt-text","3.wip\u002Falt-text",{"title":295,"path":296,"stem":297},"AnnouncementBar","\u002Fwip\u002Fannouncement-bar","3.wip\u002Fannouncement-bar",{"title":299,"path":300,"stem":301},"Avatar","\u002Fwip\u002Favatar","3.wip\u002Favatar",{"title":303,"path":304,"stem":305},"Banner","\u002Fwip\u002Fbanner","3.wip\u002Fbanner",{"title":307,"path":308,"stem":309},"Breadcrumbs","\u002Fwip\u002Fbreadcrumbs","3.wip\u002Fbreadcrumbs",{"title":311,"path":312,"stem":313},"Divider & scroll","\u002Fwip\u002Fdivider-scroll","3.wip\u002Fdivider-scroll",{"title":315,"path":316,"stem":317},"FieldMessage","\u002Fwip\u002Ffield-message","3.wip\u002Ffield-message",{"title":319,"path":320,"stem":321},"Focus Ring","\u002Fwip\u002Ffocus-ring","3.wip\u002Ffocus-ring",{"title":323,"path":324,"stem":325},"InlineSeparator","\u002Fwip\u002Finline-separator","3.wip\u002Finline-separator",{"title":327,"path":328,"stem":329},"Modal & drawer","\u002Fwip\u002Fmodal-drawer","3.wip\u002Fmodal-drawer",{"title":331,"path":332,"stem":333},"Optional","\u002Fwip\u002Foptional","3.wip\u002Foptional",{"title":335,"path":336,"stem":337},"Pagination","\u002Fwip\u002Fpagination","3.wip\u002Fpagination",{"title":339,"path":340,"stem":341},"PasswordInput","\u002Fwip\u002Fpassword-input","3.wip\u002Fpassword-input",{"title":343,"path":344,"stem":345},"Pinned bar page","\u002Fwip\u002Fpinned-bar-page","3.wip\u002Fpinned-bar-page",{"title":347,"path":348,"stem":349},"PromotionalBar","\u002Fwip\u002Fpromotional-bar","3.wip\u002Fpromotional-bar",{"title":351,"path":352,"stem":353},"SearchInput","\u002Fwip\u002Fsearch-input","3.wip\u002Fsearch-input",{"title":355,"path":356,"stem":357},"StatusLine","\u002Fwip\u002Fstatus-line","3.wip\u002Fstatus-line",{"title":359,"path":360,"stem":361},"Stepper & loaderBar","\u002Fwip\u002Fstepper-loader-bar","3.wip\u002Fstepper-loader-bar",{"title":363,"path":364,"stem":365},"TextInput","\u002Fwip\u002Ftext-input","3.wip\u002Ftext-input",{"title":367,"icon":6,"path":368,"stem":369,"children":370,"page":6},"Overview","\u002Foverview","4.overview",[371],{"title":372,"path":373,"stem":374},"For developers","\u002Foverview\u002Ffor-developers","4.overview\u002F1.for-developers",{"title":376,"icon":6,"path":377,"stem":378,"children":379,"page":6},"Brand","\u002Fbrand","5.brand",[380,389],{"title":381,"icon":6,"path":382,"stem":383,"children":384,"page":6},"Brand guidelines","\u002Fbrand\u002Fbrand-guidelines","5.brand\u002F1.brand-guidelines",[385],{"title":386,"path":387,"stem":388},"Dr. Max Trademarks Guidelines","\u002Fbrand\u002Fbrand-guidelines\u002Fdr-max-trademarks-guidelines","5.brand\u002F1.brand-guidelines\u002F2.dr-max-trademarks-guidelines",{"title":390,"icon":6,"path":391,"stem":392,"children":393,"page":6},"Assets","\u002Fbrand\u002Fassets","5.brand\u002F2.assets",[394,398],{"title":395,"path":396,"stem":397},"Logos","\u002Fbrand\u002Fassets\u002Flogos","5.brand\u002F2.assets\u002F2.logos",{"title":399,"path":400,"stem":401},"Dr. Max Tagline","\u002Fbrand\u002Fassets\u002Fdr-max-tagline","5.brand\u002F2.assets\u002F3.dr-max-tagline",{"title":403,"icon":6,"path":404,"stem":405,"children":406,"page":6},"Content","\u002Fcontent","6.content",[407,411],{"title":408,"path":409,"stem":410},"Content accessibility","\u002Fcontent\u002Fcontent-accessibility","6.content\u002F1.content-accessibility",{"title":412,"icon":6,"path":413,"stem":414,"children":415,"page":6},"Content guidance","\u002Fcontent\u002Fcontent-guidelines","6.content\u002F2.content-guidelines",[416,420],{"title":417,"path":418,"stem":419},"Category color-coding","\u002Fcontent\u002Fcontent-guidelines\u002Fcategory-color-coding","6.content\u002F2.content-guidelines\u002F2.category-color-coding",{"title":421,"path":422,"stem":423},"Pop-up banners","\u002Fcontent\u002Fcontent-guidelines\u002Fpop-up-banners","6.content\u002F2.content-guidelines\u002F3.pop-up-banners",{"title":425,"icon":6,"path":426,"stem":427,"children":428,"page":6},"Accessibility","\u002Faccessibility","7.accessibility",[429],{"title":430,"path":431,"stem":432,"children":433,"icon":6},"Accessibility guidance","\u002Faccessibility\u002Faccessibility-guidance","7.accessibility\u002F1.accessibility-guidance\u002F1.index",[434,435],{"title":425,"path":431,"stem":432},{"title":436,"path":437,"stem":438},"Understanding WCAG 2.2","\u002Faccessibility\u002Faccessibility-guidance\u002Funderstanding-wcag-2-2","7.accessibility\u002F1.accessibility-guidance\u002F2.understanding-wcag-2-2",{"id":440,"title":241,"body":441,"description":1196,"extension":1197,"links":1198,"meta":1199,"navigation":6,"path":1200,"seo":1201,"stem":1202,"__hash__":1203},"docs\u002F2.components\u002F28.textarea\u002F3.developer.md",{"type":442,"value":443,"toc":1186},"minimark",[444,449,491,495,499,510,738,743,752,840,844,858,984,988,998,1111,1115,1174,1178,1182],[445,446,448],"h2",{"id":447},"import","Import",[450,451,456],"pre",{"className":452,"code":453,"language":454,"meta":455,"style":455},"language-ts shiki shiki-themes material-theme-palenight","import { Textarea } from \"@dr-max\u002Fui\u002Ftextarea\"\n","ts","",[457,458,459],"code",{"__ignoreMap":455},[460,461,464,467,471,475,478,481,484,488],"span",{"class":462,"line":463},"line",1,[460,465,447],{"class":466},"s6cf3",[460,468,470],{"class":469},"sAklC"," {",[460,472,474],{"class":473},"s0W1g"," Textarea",[460,476,477],{"class":469}," }",[460,479,480],{"class":466}," from",[460,482,483],{"class":469}," \"",[460,485,487],{"class":486},"sfyAc","@dr-max\u002Fui\u002Ftextarea",[460,489,490],{"class":469},"\"\n",[492,493,494],"p",{},"The entry carries its own precompiled CSS (including the styles of the Required part it composes) — no extra style imports needed.",[445,496,498],{"id":497},"usage","Usage",[492,500,501,502,505,506,509],{},"Bind the value with ",[457,503,504],{},"v-model"," and always provide a ",[457,507,508],{},"label"," — a stable textarea ID is generated automatically:",[511,512,513,521],"code-preview",{},[514,515],"ui-textarea",{"className":516,"label":518,":rows":519,"placeholder":520},[517],"w-96","Delivery note","4","Leave the package with a neighbour…",[522,523,524],"template",{"v-slot:code":455},[450,525,529],{"className":526,"code":527,"language":528,"meta":455,"style":455},"language-vue shiki shiki-themes material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Textarea } from \"@dr-max\u002Fui\u002Ftextarea\"\nimport { ref } from \"vue\"\n\nconst note = ref(\"\")\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTextarea\n    v-model=\"note\"\n    label=\"Delivery note\"\n    placeholder=\"Leave the package with a neighbour…\"\n    :rows=\"4\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue",[457,530,531,560,579,599,606,629,639,644,653,662,677,691,705,723,729],{"__ignoreMap":455},[460,532,533,536,540,544,547,550,553,555,557],{"class":462,"line":463},[460,534,535],{"class":469},"\u003C",[460,537,539],{"class":538},"s-wAU","script",[460,541,543],{"class":542},"sJ14y"," setup",[460,545,546],{"class":542}," lang",[460,548,549],{"class":469},"=",[460,551,552],{"class":469},"\"",[460,554,454],{"class":486},[460,556,552],{"class":469},[460,558,559],{"class":469},">\n",[460,561,563,565,567,569,571,573,575,577],{"class":462,"line":562},2,[460,564,447],{"class":466},[460,566,470],{"class":469},[460,568,474],{"class":473},[460,570,477],{"class":469},[460,572,480],{"class":466},[460,574,483],{"class":469},[460,576,487],{"class":486},[460,578,490],{"class":469},[460,580,582,584,586,589,591,593,595,597],{"class":462,"line":581},3,[460,583,447],{"class":466},[460,585,470],{"class":469},[460,587,588],{"class":473}," ref",[460,590,477],{"class":469},[460,592,480],{"class":466},[460,594,483],{"class":469},[460,596,528],{"class":486},[460,598,490],{"class":469},[460,600,602],{"class":462,"line":601},4,[460,603,605],{"emptyLinePlaceholder":604},true,"\n",[460,607,609,612,615,617,620,623,626],{"class":462,"line":608},5,[460,610,611],{"class":542},"const",[460,613,614],{"class":473}," note ",[460,616,549],{"class":469},[460,618,588],{"class":619},"sdLwU",[460,621,622],{"class":473},"(",[460,624,625],{"class":469},"\"\"",[460,627,628],{"class":473},")\n",[460,630,632,635,637],{"class":462,"line":631},6,[460,633,634],{"class":469},"\u003C\u002F",[460,636,539],{"class":538},[460,638,559],{"class":469},[460,640,642],{"class":462,"line":641},7,[460,643,605],{"emptyLinePlaceholder":604},[460,645,647,649,651],{"class":462,"line":646},8,[460,648,535],{"class":469},[460,650,522],{"class":538},[460,652,559],{"class":469},[460,654,656,659],{"class":462,"line":655},9,[460,657,658],{"class":469},"  \u003C",[460,660,661],{"class":538},"Textarea\n",[460,663,665,668,670,672,675],{"class":462,"line":664},10,[460,666,667],{"class":542},"    v-model",[460,669,549],{"class":469},[460,671,552],{"class":469},[460,673,674],{"class":473},"note",[460,676,490],{"class":469},[460,678,680,683,685,687,689],{"class":462,"line":679},11,[460,681,682],{"class":542},"    label",[460,684,549],{"class":469},[460,686,552],{"class":469},[460,688,518],{"class":486},[460,690,490],{"class":469},[460,692,694,697,699,701,703],{"class":462,"line":693},12,[460,695,696],{"class":542},"    placeholder",[460,698,549],{"class":469},[460,700,552],{"class":469},[460,702,520],{"class":486},[460,704,490],{"class":469},[460,706,708,711,714,716,718,721],{"class":462,"line":707},13,[460,709,710],{"class":469},"    :",[460,712,713],{"class":542},"rows",[460,715,549],{"class":469},[460,717,552],{"class":469},[460,719,519],{"class":720},"sx098",[460,722,490],{"class":469},[460,724,726],{"class":462,"line":725},14,[460,727,728],{"class":469},"  \u002F>\n",[460,730,732,734,736],{"class":462,"line":731},15,[460,733,634],{"class":469},[460,735,522],{"class":538},[460,737,559],{"class":469},[739,740,742],"h3",{"id":741},"rows-and-max-length","Rows and max length",[492,744,745,747,748,751],{},[457,746,713],{}," sets the number of visible text rows and ",[457,749,750],{},"max-length"," caps the value length natively:",[511,753,754,760],{},[514,755],{"className":756,"label":757,":rows":758,":max-length":759},[517],"Message to the pharmacist","6","500",[522,761,762],{"v-slot:code":455},[450,763,765],{"className":526,"code":764,"language":528,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CTextarea v-model=\"message\" label=\"Message to the pharmacist\" :rows=\"6\" :max-length=\"500\" \u002F>\n\u003C\u002Ftemplate>\n",[457,766,767,775,832],{"__ignoreMap":455},[460,768,769,771,773],{"class":462,"line":463},[460,770,535],{"class":469},[460,772,522],{"class":538},[460,774,559],{"class":469},[460,776,777,779,781,784,786,788,791,793,796,798,800,802,804,807,809,811,813,815,817,819,821,823,825,827,829],{"class":462,"line":562},[460,778,658],{"class":469},[460,780,241],{"class":538},[460,782,783],{"class":542}," v-model",[460,785,549],{"class":469},[460,787,552],{"class":469},[460,789,790],{"class":473},"message",[460,792,552],{"class":469},[460,794,795],{"class":542}," label",[460,797,549],{"class":469},[460,799,552],{"class":469},[460,801,757],{"class":486},[460,803,552],{"class":469},[460,805,806],{"class":469}," :",[460,808,713],{"class":542},[460,810,549],{"class":469},[460,812,552],{"class":469},[460,814,758],{"class":720},[460,816,552],{"class":469},[460,818,806],{"class":469},[460,820,750],{"class":542},[460,822,549],{"class":469},[460,824,552],{"class":469},[460,826,759],{"class":720},[460,828,552],{"class":469},[460,830,831],{"class":469}," \u002F>\n",[460,833,834,836,838],{"class":462,"line":581},[460,835,634],{"class":469},[460,837,522],{"class":538},[460,839,559],{"class":469},[739,841,843],{"id":842},"required-and-optionality","Required and optionality",[492,845,846,849,850,853,854,857],{},[457,847,848],{},"required"," renders a visual required indicator, ",[457,851,852],{},"optionality-description"," describes an optional field beside its label, and ",[457,855,856],{},"additional-description"," adds supporting text below the field:",[511,859,860,865,869],{},[514,861],{"className":862,"label":863,":required":864},[517],"Reason for return","true",[514,866],{"className":867,"label":518,"additional-description":868,"optionality-description":331},[517],"The courier sees this note.",[522,870,871],{"v-slot:code":455},[450,872,874],{"className":526,"code":873,"language":528,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CTextarea v-model=\"reason\" label=\"Reason for return\" required \u002F>\n  \u003CTextarea\n    v-model=\"note\"\n    label=\"Delivery note\"\n    optionality-description=\"Optional\"\n    additional-description=\"The courier sees this note.\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[457,875,876,884,916,922,934,946,959,972,976],{"__ignoreMap":455},[460,877,878,880,882],{"class":462,"line":463},[460,879,535],{"class":469},[460,881,522],{"class":538},[460,883,559],{"class":469},[460,885,886,888,890,892,894,896,899,901,903,905,907,909,911,914],{"class":462,"line":562},[460,887,658],{"class":469},[460,889,241],{"class":538},[460,891,783],{"class":542},[460,893,549],{"class":469},[460,895,552],{"class":469},[460,897,898],{"class":473},"reason",[460,900,552],{"class":469},[460,902,795],{"class":542},[460,904,549],{"class":469},[460,906,552],{"class":469},[460,908,863],{"class":486},[460,910,552],{"class":469},[460,912,913],{"class":542}," required",[460,915,831],{"class":469},[460,917,918,920],{"class":462,"line":581},[460,919,658],{"class":469},[460,921,661],{"class":538},[460,923,924,926,928,930,932],{"class":462,"line":601},[460,925,667],{"class":542},[460,927,549],{"class":469},[460,929,552],{"class":469},[460,931,674],{"class":473},[460,933,490],{"class":469},[460,935,936,938,940,942,944],{"class":462,"line":608},[460,937,682],{"class":542},[460,939,549],{"class":469},[460,941,552],{"class":469},[460,943,518],{"class":486},[460,945,490],{"class":469},[460,947,948,951,953,955,957],{"class":462,"line":631},[460,949,950],{"class":542},"    optionality-description",[460,952,549],{"class":469},[460,954,552],{"class":469},[460,956,331],{"class":486},[460,958,490],{"class":469},[460,960,961,964,966,968,970],{"class":462,"line":641},[460,962,963],{"class":542},"    additional-description",[460,965,549],{"class":469},[460,967,552],{"class":469},[460,969,868],{"class":486},[460,971,490],{"class":469},[460,973,974],{"class":462,"line":646},[460,975,728],{"class":469},[460,977,978,980,982],{"class":462,"line":655},[460,979,634],{"class":469},[460,981,522],{"class":538},[460,983,559],{"class":469},[739,985,987],{"id":986},"validation-errors","Validation errors",[492,989,990,993,994,997],{},[457,991,992],{},"errors"," renders validation messages below the textarea once ",[457,995,996],{},"touched"," marks the validation as active:",[511,999,1000,1004],{},[514,1001],{"className":1002,"label":863,":errors":1003,":touched":864},[517],"[{\"label\":\"Describe the reason for the return\",\"param\":\"required\"}]",[522,1005,1006],{"v-slot:code":455},[450,1007,1009],{"className":526,"code":1008,"language":528,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CTextarea\n    v-model=\"reason\"\n    label=\"Reason for return\"\n    touched\n    :errors=\"[{ label: 'Describe the reason for the return', param: 'required' }]\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[457,1010,1011,1019,1025,1037,1049,1054,1099,1103],{"__ignoreMap":455},[460,1012,1013,1015,1017],{"class":462,"line":463},[460,1014,535],{"class":469},[460,1016,522],{"class":538},[460,1018,559],{"class":469},[460,1020,1021,1023],{"class":462,"line":562},[460,1022,658],{"class":469},[460,1024,661],{"class":538},[460,1026,1027,1029,1031,1033,1035],{"class":462,"line":581},[460,1028,667],{"class":542},[460,1030,549],{"class":469},[460,1032,552],{"class":469},[460,1034,898],{"class":473},[460,1036,490],{"class":469},[460,1038,1039,1041,1043,1045,1047],{"class":462,"line":601},[460,1040,682],{"class":542},[460,1042,549],{"class":469},[460,1044,552],{"class":469},[460,1046,863],{"class":486},[460,1048,490],{"class":469},[460,1050,1051],{"class":462,"line":608},[460,1052,1053],{"class":542},"    touched\n",[460,1055,1056,1058,1060,1062,1064,1067,1069,1072,1075,1078,1080,1083,1086,1088,1090,1092,1094,1097],{"class":462,"line":631},[460,1057,710],{"class":469},[460,1059,992],{"class":542},[460,1061,549],{"class":469},[460,1063,552],{"class":469},[460,1065,1066],{"class":469},"[{ ",[460,1068,508],{"class":538},[460,1070,1071],{"class":469},": ",[460,1073,1074],{"class":469},"'",[460,1076,1077],{"class":486},"Describe the reason for the return",[460,1079,1074],{"class":469},[460,1081,1082],{"class":469},", ",[460,1084,1085],{"class":538},"param",[460,1087,1071],{"class":469},[460,1089,1074],{"class":469},[460,1091,848],{"class":486},[460,1093,1074],{"class":469},[460,1095,1096],{"class":469}," }]",[460,1098,490],{"class":469},[460,1100,1101],{"class":462,"line":641},[460,1102,728],{"class":469},[460,1104,1105,1107,1109],{"class":462,"line":646},[460,1106,634],{"class":469},[460,1108,522],{"class":538},[460,1110,559],{"class":469},[739,1112,1114],{"id":1113},"disabled","Disabled",[511,1116,1117,1120],{},[514,1118],{"className":1119,"label":518,":disabled":864},[517],[522,1121,1122],{"v-slot:code":455},[450,1123,1125],{"className":526,"code":1124,"language":528,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CTextarea v-model=\"note\" label=\"Delivery note\" disabled \u002F>\n\u003C\u002Ftemplate>\n",[457,1126,1127,1135,1166],{"__ignoreMap":455},[460,1128,1129,1131,1133],{"class":462,"line":463},[460,1130,535],{"class":469},[460,1132,522],{"class":538},[460,1134,559],{"class":469},[460,1136,1137,1139,1141,1143,1145,1147,1149,1151,1153,1155,1157,1159,1161,1164],{"class":462,"line":562},[460,1138,658],{"class":469},[460,1140,241],{"class":538},[460,1142,783],{"class":542},[460,1144,549],{"class":469},[460,1146,552],{"class":469},[460,1148,674],{"class":473},[460,1150,552],{"class":469},[460,1152,795],{"class":542},[460,1154,549],{"class":469},[460,1156,552],{"class":469},[460,1158,518],{"class":486},[460,1160,552],{"class":469},[460,1162,1163],{"class":542}," disabled",[460,1165,831],{"class":469},[460,1167,1168,1170,1172],{"class":462,"line":581},[460,1169,634],{"class":469},[460,1171,522],{"class":538},[460,1173,559],{"class":469},[445,1175,1177],{"id":1176},"playground","Playground",[1179,1180],"component-playground",{"component":1181},"textarea",[1183,1184,1185],"style",{},"html pre.shiki code .s6cf3, html code.shiki .s6cf3{--shiki-default:#89DDFF;--shiki-default-font-style:italic}html pre.shiki code .sAklC, html code.shiki .sAklC{--shiki-default:#89DDFF}html pre.shiki code .s0W1g, html code.shiki .s0W1g{--shiki-default:#BABED8}html pre.shiki code .sfyAc, html code.shiki .sfyAc{--shiki-default:#C3E88D}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 pre.shiki code .s-wAU, html code.shiki .s-wAU{--shiki-default:#F07178}html pre.shiki code .sJ14y, html code.shiki .sJ14y{--shiki-default:#C792EA}html pre.shiki code .sdLwU, html code.shiki .sdLwU{--shiki-default:#82AAFF}html pre.shiki code .sx098, html code.shiki .sx098{--shiki-default:#F78C6C}",{"title":455,"searchDepth":463,"depth":562,"links":1187},[1188,1189,1195],{"id":447,"depth":562,"text":448},{"id":497,"depth":562,"text":498,"children":1190},[1191,1192,1193,1194],{"id":741,"depth":581,"text":742},{"id":842,"depth":581,"text":843},{"id":986,"depth":581,"text":987},{"id":1113,"depth":581,"text":1114},{"id":1176,"depth":562,"text":1177},"Let users enter multi-line text.","md",null,{},"\u002Fcomponents\u002Ftextarea\u002Fdeveloper",{"title":241,"description":1196},"2.components\u002F28.textarea\u002F3.developer","vvfulgEA6ATYUMnE9WWJIqBDcV35RiNfsubmEP8Nesc",1793289683562]