@salesforce-ux/design-system/__internal/chunked/docs/ui/components/radio-button-group/docs.mdx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,r,t,n={887:function(e,r,t){t.r(r),t.d(r,{getContents:function(){return j},getElement:function(){return N}});var n=t(1594),a=t.n(n),i=t(5671),o=t(6547),l=(t(3212),t(5619),t(9741)),d=t(806),u=t(9285),c=t(942),s=t.n(c),f=t(6333),m=t.n(f),b=t(2711),p=t(885),h=function(e){return a().createElement("div",{className:s()("slds-radio_button-group",e.className)},e.children)},y=function(e){var r=m()("example-unique-id-");return a().createElement("span",{className:s()("slds-button slds-radio_button",e.className)},a().createElement("input",{name:e.name,type:"radio",id:r,value:e.id,disabled:e.disabled,"aria-describedby":e.errorId,defaultChecked:e.checked}),a().createElement("label",{className:"slds-radio_button__label",htmlFor:r},a().createElement("span",{className:"slds-radio_faux"},e.children)))},E=function(e){var r=e.legend,t=e.modifier,n=e.disabled,i=e.required,o=e.hasError,l=m()("example-unique-name-"),d=m()("error-unique-id-");return a().createElement(p.LB,{className:o&&"slds-has-error"},a().createElement(p.s$,null,i&&a().createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"),!r&&"Radio Group Label"),a().createElement(b.qz,null,a().createElement(h,{className:t},a().createElement(y,{id:"monday",name:l,disabled:n,errorId:o&&d},"Mon"),a().createElement(y,{id:"tuesday",name:l,disabled:n,errorId:o&&d},"Tue"),a().createElement(y,{id:"wednesday",name:l,disabled:n,errorId:o&&d},"Wed"),a().createElement(y,{id:"thursday",name:l,disabled:n,errorId:o&&d},"Thu"),a().createElement(y,{id:"friday",name:l,disabled:n,errorId:o&&d},"Fri")),o&&a().createElement("div",{id:d,className:"slds-form-element__help"},"This field is required")))},v=a().createElement(E,null),_=[{id:"disabled",label:"Disabled",element:a().createElement(E,{disabled:!0})},{id:"required",label:"Required",element:a().createElement(E,{required:!0})},{id:"error",label:"Has error",element:a().createElement(E,{required:!0,hasError:!0})}],O=i.XB.h2,g=i.XB.h3,S=i.XB.p,N=function(){return(0,n.createElement)(i.Ay,{},(0,n.createElement)("div",{className:"lead doc"},"A styled select list that can have a single entry checked at any one time."),O({id:"About-Radio-Button-Group"},"About Radio Button Group"),O({id:"Default"},"Default"),(0,n.createElement)(o.A,null,(0,d.NO)(v)),g({id:"Accessibility"},"Accessibility"),S({},"All form elements marked as required with an * must have an accompanying legend."),S({},"Example:\n",(0,n.createElement)(l.A,null)),g({id:"Mobile"},"Mobile"),(0,n.createElement)(u.s9,{patternSpecificText:"radio button groups will have an increased size to accommodate tapping with a finger instead of the more precise mouse cursor, and also become stacked"}),(0,n.createElement)(o.A,{frameOnly:!0,frameTitle:"Example mobile styles for radio button groups"},(0,d.NO)(v)),O({id:"States"},"States"),g({id:"Disabled"},"Disabled"),(0,n.createElement)(o.A,null,(0,d.NO)(_,"disabled")),g({id:"Required"},"Required"),(0,n.createElement)(o.A,null,(0,d.NO)(_,"required")),g({id:"Has-Error"},"Has Error"),(0,n.createElement)(o.A,null,(0,d.NO)(_,"error")))},j=function(){return(0,i.Qr)(N())}},1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},5206:function(e){e.exports=ReactDOM}},a={};function i(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={id:e,exports:{}};return n[e](t,t.exports,i),t.exports}i.m=n,i.amdO={},e=[],i.O=function(r,t,n,a){if(!t){var o=1/0;for(c=0;c<e.length;c++){t=e[c][0],n=e[c][1],a=e[c][2];for(var l=!0,d=0;d<t.length;d++)(!1&a||o>=a)&&Object.keys(i.O).every(function(e){return i.O[e](t[d])})?t.splice(d--,1):(l=!1,a<o&&(o=a));if(l){e.splice(c--,1);var u=n();void 0!==u&&(r=u)}}return r}a=a||0;for(var c=e.length;c>0&&e[c-1][2]>a;c--)e[c]=e[c-1];e[c]=[t,n,a]},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,{a:r}),r},t=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},i.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);i.r(a);var o={};r=r||[null,t({}),t([]),t(t)];for(var l=2&n&&e;("object"==typeof l||"function"==typeof l)&&!~r.indexOf(l);l=t(l))Object.getOwnPropertyNames(l).forEach(function(r){o[r]=function(){return e[r]}});return o.default=function(){return e},i.d(a,o),a},i.d=function(e,r){for(var t in r)i.o(r,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},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,r){return Object.prototype.hasOwnProperty.call(e,r)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=6579,function(){var e={6579:0};i.O.j=function(r){return 0===e[r]};var r=function(r,t){var n,a,o=t[0],l=t[1],d=t[2],u=0;if(o.some(function(r){return 0!==e[r]})){for(n in l)i.o(l,n)&&(i.m[n]=l[n]);if(d)var c=d(i)}for(r&&r(t);u<o.length;u++)a=o[u],i.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return i.O(c)},t=self.webpackJsonpSLDS___internal_chunked_docs=self.webpackJsonpSLDS___internal_chunked_docs||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))}(),i.nc=void 0;var o=i.O(void 0,[3540],function(){return i(887)});o=i.O(o),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/docs/./ui/components/radio-button-group/docs.mdx.js"]=o}();