text: "use strict";(self.webpackChunk=self.webpackChunk||[]).push([[591],{63591:(e,s,l)=>{l.r(s),l.d(s,{default:()=>a});l(67294);var i=l(34475),n=l(71618),c=l(25868),r=l(85893);const a=function(){return(0,r.jsxs)(i.rb,{children:[(0,r.jsx)(i.b7,{xs:12,children:(0,r.jsx)(n.Z,{name:"Form Select",href:"forms/select"})}),(0,r.jsx)(i.b7,{xs:12,children:(0,r.jsxs)(i.xH,{className:"mb-4",children:[(0,r.jsxs)(i.bn,{children:[(0,r.jsx)("strong",{children:"React Select"})," ",(0,r.jsx)("small",{children:"Default"})]}),(0,r.jsx)(i.sl,{children:(0,r.jsx)(c.Z,{href:"forms/select",children:(0,r.jsxs)(i.LX,{"aria-label":"Default select example",children:[(0,r.jsx)("option",{children:"Open this select menu"}),(0,r.jsx)("option",{value:"1",children:"One"}),(0,r.jsx)("option",{value:"2",children:"Two"}),(0,r.jsx)("option",{value:"3",children:"Three"})]})})})]})}),(0,r.jsx)(i.b7,{xs:12,children:(0,r.jsxs)(i.xH,{className:"mb-4",children:[(0,r.jsxs)(i.bn,{children:[(0,r.jsx)("strong",{children:"React Select"})," ",(0,r.jsx)("small",{children:"Sizing"})]}),(0,r.jsxs)(i.sl,{children:[(0,r.jsx)("p",{className:"text-medium-emphasis small",children:"You may also choose from small and large custom selects to match our similarly sized text inputs."}),(0,r.jsxs)(c.Z,{href:"forms/select#sizing",children:[(0,r.jsxs)(i.LX,{size:"lg",className:"mb-3","aria-label":"Large select example",children:[(0,r.jsx)("option",{children:"Open this select menu"}),(0,r.jsx)("option",{value:"1",children:"One"}),(0,r.jsx)("option",{value:"2",children:"Two"}),(0,r.jsx)("option",{value:"3",children:"Three"})]}),(0,r.jsxs)(i.LX,{size:"sm",className:"mb-3","aria-label":"Small select example",children:[(0,r.jsx)("option",{children:"Open this select menu"}),(0,r.jsx)("option",{value:"1",children:"One"}),(0,r.jsx)("option",{value:"2",children:"Two"}),(0,r.jsx)("option",{value:"3",children:"Three"})]})]}),(0,r.jsxs)("p",{className:"text-medium-emphasis small",children:["The ",(0,r.jsx)("code",{children:"multiple"})," attribute is also supported:"]}),(0,r.jsx)(c.Z,{href:"forms/select#sizing",children:(0,r.jsxs)(i.LX,{size:"lg",multiple:!0,"aria-label":"Multiple select example",children:[(0,r.jsx)("option",{children:"Open this select menu"}),(0,r.jsx)("option",{value:"1",children:"One"}),(0,r.jsx)("option",{value:"2",children:"Two"}),(0,r.jsx)("option",{value:"3",children:"Three"})]})}),(0,r.jsxs)("p",{className:"text-medium-emphasis small",children:["As is the ",(0,r.jsx)("code",{children:"htmlSize"})," property:"]}),(0,r.jsx)(c.Z,{href:"forms/select#sizing",children:(0,r.jsxs)(i.LX,{size:"lg",multiple:!0,"aria-label":"Multiple select example",children:[(0,r.jsx)("option",{children:"Open this select menu"}),(0,r.jsx)("option",{value:"1",children:"One"}),(0,r.jsx)("option",{value:"2",children:"Two"}),(0,r.jsx)("option",{value:"3",children:"Three"})]})})]})]})}),(0,r.jsx)(i.b7,{xs:12,children:(0,r.jsxs)(i.xH,{className:"mb-4",children:[(0,r.jsxs)(i.bn,{children:[(0,r.jsx)("strong",{children:"React Select"})," ",(0,r.jsx)("small",{children:"Disabled"})]}),(0,r.jsxs)(i.sl,{children:[(0,r.jsxs)("p",{className:"text-medium-emphasis small",children:["Add the ",(0,r.jsx)("code",{children:"disabled"})," boolean attribute on a select to give it a grayed out appearance and remove pointer events."]}),(0,r.jsx)(c.Z,{href:"forms/select#disabled",children:(0,r.jsxs)(i.LX,{"aria-label":"Disabled select example",disabled:!0,children:[(0,r.jsx)("option",{children:"Open this select menu"}),(0,r.jsx)("option",{value:"1",children:"One"}),(0,r.jsx)("option",{value:"2",children:"Two"}),(0,r.jsx)("option",{value:"3",children:"Three"})]})})]})]})})]})}}}]);