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

Salesforce Lightning Design System

var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/select/docs.mdx.js"]=function(e){function t(t){for(var r,o,i=t[0],a=t[1],s=t[2],p=0,d=[];p<i.length;p++)o=i[p],Object.prototype.hasOwnProperty.call(c,o)&&c[o]&&d.push(c[o][0]),c[o]=0;for(r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r]);for(u&&u(t);d.length;)d.shift()();return l.push.apply(l,s||[]),n()}function n(){for(var e,t=0;t<l.length;t++){for(var n=l[t],r=!0,i=1;i<n.length;i++){var a=n[i];0!==c[a]&&(r=!1)}r&&(l.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},c={67:0},l=[];function o(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs||[],a=i.push.bind(i);i.push=t,i=i.slice();for(var s=0;s<i.length;s++)t(i[s]);var u=a;return l.push([712,0]),n()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},22:function(e,t){e.exports=JSBeautify},712:function(e,t,n){"use strict";n.r(t),n.d(t,"getElement",(function(){return m})),n.d(t,"getContents",(function(){return h}));var r=n(0),c=n(4),l=n(2),o=n(70),i=n(40),a=n(1),s=n(79),u=c.c.a,p=c.c.code,d=c.c.h2,f=c.c.h3,b=c.c.p,m=function(){return Object(r.createElement)(c.b,{},Object(r.createElement)("div",{className:"doc lead"},"Select element presents a menu of options. For selecting multiple options, see Dueling Picklist."),Object(r.createElement)(l.a,{exampleOnly:!0},Object(a.f)(s.b)),d({id:"About-Select"},"About Select"),b({},"The HTML ",p({},"<select>")," element presents a menu of options. The options within the menu are represented by ",p({},"<option>")," elements that you can group with ",p({},"<optgroup>")," elements. You can pre-select options for the user."),b({},"For selecting multiple options, we have created a custom component called the ",u({href:"/components/dueling-picklist"},"Dueling Picklist")," to ensure Accessibility and ease-of-use. Please refer to that documentation for the interaction model, markup, and Accessibility requirements."),f({id:"Accessibility"},"Accessibility"),b({},"All form elements marked as required with an * must have an accompanying legend."),b({},"Example:\n",Object(r.createElement)(o.a,null)),d({id:"Base"},"Base"),Object(r.createElement)(l.a,null,Object(a.f)(s.b)),d({id:"States"},"States"),f({id:"Error"},"Error"),Object(r.createElement)(l.a,null,Object(a.f)(s.d,"select-error")),f({id:"Disabled"},"Disabled"),Object(r.createElement)(l.a,null,Object(a.f)(s.d,"select-disabled")),d({id:"Examples"},"Examples"),f({id:"Required"},"Required"),Object(r.createElement)(l.a,null,Object(a.f)(s.c,"select-required")),f({id:"Multiple-Selection"},"Multiple Selection"),Object(r.createElement)(l.a,null,Object(a.f)(s.c,"select-multiple")),f({id:"Multiple-Selection-Narrow"},"Multiple Selection Narrow"),Object(r.createElement)(l.a,null,Object(a.f)(s.c,"select-multiple-narrow")),d({id:"Styling-Hooks-Overview"},"Styling Hooks Overview"),Object(r.createElement)(i.a,{name:"select",type:"component"}))},h=function(){return Object(c.a)(m())}}});