@salesforce-ux/design-system/__internal/chunked/showcase/ui/utilities/sizing/example.jsx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},7252:function(e,t,n){n.r(t),n.d(t,{examples:function(){return r}});var l=n(1594),o=n.n(l),s=function(e){return o().createElement("div",{className:"slds-size_".concat(e.size)},o().createElement("div",{className:"slds-box slds-box_x-small slds-text-align_center slds-m-around_x-small"},".slds-size_",e.size))},r=[{id:"two-column",label:"2 Column Span",element:o().createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},o().createElement(s,{size:"1-of-2"}),o().createElement(s,{size:"1-of-2"}),o().createElement(s,{size:"2-of-2"}))},{id:"three-column",label:"3 Column Span",element:o().createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},o().createElement(s,{size:"1-of-3"}),o().createElement(s,{size:"1-of-3"}),o().createElement(s,{size:"1-of-3"}),o().createElement(s,{size:"1-of-3"}),o().createElement(s,{size:"2-of-3"}),o().createElement(s,{size:"3-of-3"}))},{id:"four-column",label:"4 Column Span",element:o().createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},o().createElement(s,{size:"1-of-4"}),o().createElement(s,{size:"1-of-4"}),o().createElement(s,{size:"1-of-4"}),o().createElement(s,{size:"1-of-4"}),o().createElement(s,{size:"1-of-4"}),o().createElement(s,{size:"3-of-4"}),o().createElement(s,{size:"2-of-4"}),o().createElement(s,{size:"2-of-4"}),o().createElement(s,{size:"4-of-4"}))},{id:"five-column",label:"5 Column Span",element:o().createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},o().createElement(s,{size:"1-of-5"}),o().createElement(s,{size:"1-of-5"}),o().createElement(s,{size:"1-of-5"}),o().createElement(s,{size:"1-of-5"}),o().createElement(s,{size:"1-of-5"}),o().createElement(s,{size:"1-of-5"}),o().createElement(s,{size:"4-of-5"}),o().createElement(s,{size:"2-of-5"}),o().createElement(s,{size:"3-of-5"}),o().createElement(s,{size:"5-of-5"}))},{id:"six-column",label:"6 Column Span",element:o().createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},o().createElement(s,{size:"1-of-6"}),o().createElement(s,{size:"1-of-6"}),o().createElement(s,{size:"1-of-6"}),o().createElement(s,{size:"1-of-6"}),o().createElement(s,{size:"1-of-6"}),o().createElement(s,{size:"1-of-6"}),o().createElement(s,{size:"2-of-6"}),o().createElement(s,{size:"4-of-6"}),o().createElement(s,{size:"3-of-6"}),o().createElement(s,{size:"3-of-6"}),o().createElement(s,{size:"6-of-6"}))},{id:"seven-column",label:"7 Column Span",element:o().createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},o().createElement(s,{size:"1-of-7"}),o().createElement(s,{size:"1-of-7"}),o().createElement(s,{size:"1-of-7"}),o().createElement(s,{size:"1-of-7"}),o().createElement(s,{size:"1-of-7"}),o().createElement(s,{size:"1-of-7"}),o().createElement(s,{size:"1-of-7"}),o().createElement(s,{size:"2-of-7"}),o().createElement(s,{size:"5-of-7"}),o().createElement(s,{size:"3-of-7"}),o().createElement(s,{size:"4-of-7"}),o().createElement(s,{size:"7-of-7"}))},{id:"eight-column",label:"8 Column Span",element:o().createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},o().createElement(s,{size:"1-of-8"}),o().createElement(s,{size:"1-of-8"}),o().createElement(s,{size:"1-of-8"}),o().createElement(s,{size:"1-of-8"}),o().createElement(s,{size:"1-of-8"}),o().createElement(s,{size:"1-of-8"}),o().createElement(s,{size:"1-of-8"}),o().createElement(s,{size:"1-of-8"}),o().createElement(s,{size:"2-of-8"}),o().createElement(s,{size:"6-of-8"}),o().createElement(s,{size:"3-of-8"}),o().createElement(s,{size:"5-of-8"}),o().createElement(s,{size:"4-of-8"}),o().createElement(s,{size:"4-of-8"}),o().createElement(s,{size:"8-of-8"}))},{id:"twelve-column",label:"12 Column Span",element:o().createElement("div",{className:"demo-only demo-only--sizing slds-grid slds-wrap"},o().createElement(s,{size:"1-of-12"}),o().createElement(s,{size:"1-of-12"}),o().createElement(s,{size:"1-of-12"}),o().createElement(s,{size:"1-of-12"}),o().createElement(s,{size:"1-of-12"}),o().createElement(s,{size:"1-of-12"}),o().createElement(s,{size:"1-of-12"}),o().createElement(s,{size:"1-of-12"}),o().createElement(s,{size:"1-of-12"}),o().createElement(s,{size:"1-of-12"}),o().createElement(s,{size:"1-of-12"}),o().createElement(s,{size:"1-of-12"}),o().createElement(s,{size:"2-of-12"}),o().createElement(s,{size:"10-of-12"}),o().createElement(s,{size:"3-of-12"}),o().createElement(s,{size:"9-of-12"}),o().createElement(s,{size:"4-of-12"}),o().createElement(s,{size:"8-of-12"}),o().createElement(s,{size:"5-of-12"}),o().createElement(s,{size:"7-of-12"}),o().createElement(s,{size:"6-of-12"}),o().createElement(s,{size:"6-of-12"}),o().createElement(s,{size:"12-of-12"}))}]}},n={};function l(e){var o=n[e];if(void 0!==o)return o.exports;var s=n[e]={exports:{}};return t[e](s,s.exports,l),s.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,o,s){if(!n){var r=1/0;for(m=0;m<e.length;m++){n=e[m][0],o=e[m][1],s=e[m][2];for(var i=!0,a=0;a<n.length;a++)(!1&s||r>=s)&&Object.keys(l.O).every(function(e){return l.O[e](n[a])})?n.splice(a--,1):(i=!1,s<r&&(r=s));if(i){e.splice(m--,1);var c=o();void 0!==c&&(t=c)}}return t}s=s||0;for(var m=e.length;m>0&&e[m-1][2]>s;m--)e[m]=e[m-1];e[m]=[n,o,s]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.d=function(e,t){for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=8544,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0,8544:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var o,s,r=n[0],i=n[1],a=n[2],c=0;if(r.some(function(t){return 0!==e[t]})){for(o in i)l.o(i,o)&&(l.m[o]=i[o]);if(a)var m=a(l)}for(t&&t(n);c<r.length;c++)s=r[c],l.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return l.O(m)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),l.nc=void 0;var o=l.O(void 0,[6790],function(){return l(7252)});o=l.O(o),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/utilities/sizing/example.jsx.js"]=o}();