@salesforce-ux/design-system/__internal/chunked/docs/ui/components/textarea/docs.mdx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t,r,n={1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},2517:function(e,t,r){r.r(t),r.d(t,{getContents:function(){return N},getElement:function(){return j}});var n=r(1594),a=r.n(n),l=r(5671),o=r(6547),i=r(9741),u=r(8342),s=r(806),c=(r(5619),r(7412)),d=r.n(c),f=r(942),m=r.n(f),b=r(2711);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(null,arguments)}var v="Textarea Label",y="textarea-id-01",h=function(e){return a().createElement("textarea",p({},e,{id:e.id||y,className:m()("slds-textarea",e.className),placeholder:e.placeholder}))};h.propTypes={id:d().string,className:d().string,placeholder:d().string},h.defaultProps={placeholder:"Placeholder text…"};var g=[{id:"default",label:"Default",element:a().createElement(b.ZS,{labelContent:v,inputId:y},a().createElement(h,{id:y}))}],O=[{id:"disabled",label:"Disabled",element:a().createElement(b.ZS,{labelContent:v,inputId:y},a().createElement(h,{id:y,disabled:!0}))},{id:"required",label:"Required",element:a().createElement(b.ZS,{labelContent:v,inputId:y,isRequired:!0},a().createElement(h,{id:y,required:!0}))},{id:"error",label:"Error",element:a().createElement(b.ZS,{hasError:!0,labelContent:v,inputId:y,isRequired:!0,errorId:"error-01",inlineMessage:"Enter a value."},a().createElement(h,{id:y,required:!0,"aria-describedby":"error-01"}))},{id:"read-only",label:"Read only",element:a().createElement(b.GN,null,a().createElement("span",{className:"slds-form-element__label"},"Textarea Label"),a().createElement(b.qz,{className:"slds-border_bottom"},a().createElement("div",{className:"slds-form-element__static"},a().createElement("p",null,"Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum."))))}],E=l.XB.code,S=l.XB.h2,_=l.XB.h3,x=l.XB.p,j=function(){return(0,n.createElement)(l.Ay,{},(0,n.createElement)("div",{className:"doc lead"},"Textarea inputs are used for freeform data entry."),(0,n.createElement)(o.A,{exampleOnly:!0},(0,s.NO)(O,"required")),S({id:"About-Textarea"},"About Textarea"),x({},"You can style the HTML ",E({},"<textarea>")," element to align with the Salesforce brand by using the class ",E({},".slds-textarea")," on the ",E({},"<textarea>")," element."),_({id:"Accessibility"},"Accessibility"),x({},"All form elements marked as required with an * must have an accompanying legend."),x({},"Example:\n",(0,n.createElement)(i.A,null)),S({id:"Base"},"Base"),(0,n.createElement)(o.A,null,(0,s.NO)(g)),S({id:"States"},"States"),_({id:"Disabled"},"Disabled"),(0,n.createElement)(o.A,null,(0,s.NO)(O,"disabled")),_({id:"Required"},"Required"),(0,n.createElement)(o.A,null,(0,s.NO)(O,"required")),_({id:"Error"},"Error"),(0,n.createElement)(o.A,null,(0,s.NO)(O,"error")),_({id:"Read-only"},"Read only"),(0,n.createElement)(o.A,null,(0,s.NO)(O,"read-only")),S({id:"Styling-Hooks-Overview"},"Styling Hooks Overview"),(0,n.createElement)(u.A,{name:"textarea",type:"component"}))},N=function(){return(0,l.Qr)(j())}},5206:function(e){e.exports=ReactDOM}},a={};function l(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={id:e,exports:{}};return n[e](r,r.exports,l),r.exports}l.m=n,l.amdO={},e=[],l.O=function(t,r,n,a){if(!r){var o=1/0;for(c=0;c<e.length;c++){r=e[c][0],n=e[c][1],a=e[c][2];for(var i=!0,u=0;u<r.length;u++)(!1&a||o>=a)&&Object.keys(l.O).every(function(e){return l.O[e](r[u])})?r.splice(u--,1):(i=!1,a<o&&(o=a));if(i){e.splice(c--,1);var s=n();void 0!==s&&(t=s)}}return t}a=a||0;for(var c=e.length;c>0&&e[c-1][2]>a;c--)e[c]=e[c-1];e[c]=[r,n,a]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},r=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},l.t=function(e,n){if(1&n&&(e=this(e)),8&n)return e;if("object"==typeof e&&e){if(4&n&&e.__esModule)return e;if(16&n&&"function"==typeof e.then)return e}var a=Object.create(null);l.r(a);var o={};t=t||[null,r({}),r([]),r(r)];for(var i=2&n&&e;("object"==typeof i||"function"==typeof i)&&!~t.indexOf(i);i=r(i))Object.getOwnPropertyNames(i).forEach(function(t){o[t]=function(){return e[t]}});return o.default=function(){return e},l.d(a,o),a},l.d=function(e,t){for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.e=function(){return Promise.resolve()},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=2053,function(){var e={2053:0};l.O.j=function(t){return 0===e[t]};var t=function(t,r){var n,a,o=r[0],i=r[1],u=r[2],s=0;if(o.some(function(t){return 0!==e[t]})){for(n in i)l.o(i,n)&&(l.m[n]=i[n]);if(u)var c=u(l)}for(t&&t(r);s<o.length;s++)a=o[s],l.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return l.O(c)},r=self.webpackJsonpSLDS___internal_chunked_docs=self.webpackJsonpSLDS___internal_chunked_docs||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))}(),l.nc=void 0;var o=l.O(void 0,[3540],function(){return l(2517)});o=l.O(o),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/docs/./ui/components/textarea/docs.mdx.js"]=o}();