UNPKG

@salesforce-ux/design-system

Version:
1 lines 4.76 kB
var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/docs/./ui/components/radio-button-group/docs.mdx.js"]=function(e){function t(t){for(var a,i,o=t[0],d=t[1],c=t[2],u=0,m=[];u<o.length;u++)i=o[u],Object.prototype.hasOwnProperty.call(n,i)&&n[i]&&m.push(n[i][0]),n[i]=0;for(a in d)Object.prototype.hasOwnProperty.call(d,a)&&(e[a]=d[a]);for(s&&s(t);m.length;)m.shift()();return l.push.apply(l,c||[]),r()}function r(){for(var e,t=0;t<l.length;t++){for(var r=l[t],a=!0,o=1;o<r.length;o++){var d=r[o];0!==n[d]&&(a=!1)}a&&(l.splice(t--,1),e=i(i.s=r[0]))}return e}var a={},n={62:0},l=[];function i(t){if(a[t])return a[t].exports;var r=a[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.m=e,i.c=a,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)i.d(r,a,function(t){return e[t]}.bind(null,a));return r},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_docs=this.webpackJsonpSLDS___internal_chunked_docs||[],d=o.push.bind(o);o.push=t,o=o.slice();for(var c=0;c<o.length;c++)t(o[c]);var s=d;return l.push([779,0]),r()}({0:function(e,t){e.exports=React},20:function(e,t){e.exports=ReactDOM},22:function(e,t){e.exports=JSBeautify},779:function(e,t,r){"use strict";r.r(t),r.d(t,"getElement",(function(){return v})),r.d(t,"getContents",(function(){return g}));var a=r(0),n=r.n(a),l=r(4),i=r(2),o=(r(27),r(14),r(1)),d=r(39),c=r(5),s=r.n(c),u=r(25),m=r.n(u),b=r(8),f=r(36),p=function(e){return n.a.createElement("div",{className:s()("slds-radio_button-group",e.className)},e.children)},h=function(e){var t=m()("example-unique-id-");return n.a.createElement("span",{className:s()("slds-button slds-radio_button",e.className)},n.a.createElement("input",{name:e.name,type:"radio",id:t,value:e.id,disabled:e.disabled,"aria-describedby":e.errorId,defaultChecked:e.checked}),n.a.createElement("label",{className:"slds-radio_button__label",htmlFor:t},n.a.createElement("span",{className:"slds-radio_faux"},e.children)))},E=function(e){var t=e.legend,r=e.modifier,a=e.disabled,l=e.required,i=e.hasError,o=m()("example-unique-name-"),d=m()("error-unique-id-");return n.a.createElement(f.a,{className:i&&"slds-has-error"},n.a.createElement(f.b,null,l&&n.a.createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"),!t&&"Radio Group Label"),n.a.createElement(b.c,null,n.a.createElement(p,{className:r},n.a.createElement(h,{id:"monday",name:o,disabled:a,errorId:i&&d},"Mon"),n.a.createElement(h,{id:"tuesday",name:o,disabled:a,errorId:i&&d},"Tue"),n.a.createElement(h,{id:"wednesday",name:o,disabled:a,errorId:i&&d},"Wed"),n.a.createElement(h,{id:"thursday",name:o,disabled:a,errorId:i&&d},"Thu"),n.a.createElement(h,{id:"friday",name:o,disabled:a,errorId:i&&d},"Fri")),i&&n.a.createElement("div",{id:d,className:"slds-form-element__help"},"This field is required")))},y=n.a.createElement(E,null),O=[{id:"disabled",label:"Disabled",element:n.a.createElement(E,{disabled:!0})},{id:"required",label:"Required",element:n.a.createElement(E,{required:!0})},{id:"error",label:"Has error",element:n.a.createElement(E,{required:!0,hasError:!0})}],_=l.c.h2,j=l.c.h3,v=function(){return Object(a.createElement)(l.b,{},Object(a.createElement)("div",{className:"lead doc"},"A styled select list that can have a single entry checked at any one time."),_({id:"About-Radio-Button-Group"},"About Radio Button Group"),_({id:"Default"},"Default"),Object(a.createElement)(i.a,null,Object(o.f)(y)),j({id:"Mobile"},"Mobile"),Object(a.createElement)(d.a,{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"}),Object(a.createElement)(i.a,{frameOnly:!0,frameTitle:"Example mobile styles for radio button groups"},Object(o.f)(y)),_({id:"States"},"States"),j({id:"Disabled"},"Disabled"),Object(a.createElement)(i.a,null,Object(o.f)(O,"disabled")),j({id:"Required"},"Required"),Object(a.createElement)(i.a,null,Object(o.f)(O,"required")),j({id:"Has-Error"},"Has Error"),Object(a.createElement)(i.a,null,Object(o.f)(O,"error")))},g=function(){return Object(l.a)(v())}}});