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

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t,n,r={1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},5206:function(e){e.exports=ReactDOM},9406:function(e,t,n){n.r(t),n.d(t,{getContents:function(){return h},getElement:function(){return y}});var r=n(1594),o=n(5671),i=n(6547),l=n(9741),c=n(8342),u=n(806),a=n(188),s=o.XB.a,f=o.XB.code,d=o.XB.h2,p=o.XB.h3,m=o.XB.p,y=function(){return(0,r.createElement)(o.Ay,{},(0,r.createElement)("div",{className:"doc lead"},"Select element presents a menu of options. For selecting multiple options, see Dueling Picklist."),(0,r.createElement)(i.A,{exampleOnly:!0},(0,u.NO)(a.Ay)),d({id:"About-Select"},"About Select"),m({},"The HTML ",f({},"<select>")," element presents a menu of options. The options within the menu are represented by ",f({},"<option>")," elements that you can group with ",f({},"<optgroup>")," elements. You can pre-select options for the user."),m({},"For selecting multiple options, we have created a custom component called the ",s({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."),p({id:"Accessibility"},"Accessibility"),m({},"All form elements marked as required with an * must have an accompanying legend."),m({},"Example:\n",(0,r.createElement)(l.A,null)),d({id:"Base"},"Base"),(0,r.createElement)(i.A,null,(0,u.NO)(a.Ay)),d({id:"States"},"States"),p({id:"Error"},"Error"),(0,r.createElement)(i.A,null,(0,u.NO)(a.xP,"select-error")),p({id:"Disabled"},"Disabled"),(0,r.createElement)(i.A,null,(0,u.NO)(a.xP,"select-disabled")),d({id:"Examples"},"Examples"),p({id:"Required"},"Required"),(0,r.createElement)(i.A,null,(0,u.NO)(a.K1,"select-required")),p({id:"Multiple-Selection"},"Multiple Selection"),(0,r.createElement)(i.A,null,(0,u.NO)(a.K1,"select-multiple")),p({id:"Multiple-Selection-Narrow"},"Multiple Selection Narrow"),(0,r.createElement)(i.A,null,(0,u.NO)(a.K1,"select-multiple-narrow")),d({id:"Styling-Hooks-Overview"},"Styling Hooks Overview"),(0,r.createElement)(c.A,{name:"select",type:"component"}))},h=function(){return(0,o.Qr)(y())}}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={id:e,exports:{}};return r[e](n,n.exports,i),n.exports}i.m=r,i.amdO={},e=[],i.O=function(t,n,r,o){if(!n){var l=1/0;for(s=0;s<e.length;s++){n=e[s][0],r=e[s][1],o=e[s][2];for(var c=!0,u=0;u<n.length;u++)(!1&o||l>=o)&&Object.keys(i.O).every(function(e){return i.O[e](n[u])})?n.splice(u--,1):(c=!1,o<l&&(l=o));if(c){e.splice(s--,1);var a=r();void 0!==a&&(t=a)}}return t}o=o||0;for(var s=e.length;s>0&&e[s-1][2]>o;s--)e[s]=e[s-1];e[s]=[n,r,o]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},i.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if("object"==typeof e&&e){if(4&r&&e.__esModule)return e;if(16&r&&"function"==typeof e.then)return e}var o=Object.create(null);i.r(o);var l={};t=t||[null,n({}),n([]),n(n)];for(var c=2&r&&e;("object"==typeof c||"function"==typeof c)&&!~t.indexOf(c);c=n(c))Object.getOwnPropertyNames(c).forEach(function(t){l[t]=function(){return e[t]}});return l.default=function(){return e},i.d(o,l),o},i.d=function(e,t){for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.e=function(){return Promise.resolve()},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=4915,function(){var e={4915:0};i.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,o,l=n[0],c=n[1],u=n[2],a=0;if(l.some(function(t){return 0!==e[t]})){for(r in c)i.o(c,r)&&(i.m[r]=c[r]);if(u)var s=u(i)}for(t&&t(n);a<l.length;a++)o=l[a],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return i.O(s)},n=self.webpackJsonpSLDS___internal_chunked_docs=self.webpackJsonpSLDS___internal_chunked_docs||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),i.nc=void 0;var l=i.O(void 0,[3540],function(){return i(9406)});l=i.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/docs/./ui/components/select/docs.mdx.js"]=l}();