@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 11.7 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},6529:function(e,t,l){l.r(t),l.d(t,{examples:function(){return a}});var i=l(1594),n=l.n(i),a=[{id:"vertical-list",label:"Default",element:n().createElement("ul",null,n().createElement("li",null,"Vertical List"),n().createElement("li",null,"List Item"),n().createElement("li",null,"List Item"))},{id:"unordered-list-decimal",label:"Dotted",element:n().createElement("ul",{className:"slds-list_dotted"},n().createElement("li",null,"Basic ordered list"),n().createElement("li",null,"List Item"),n().createElement("li",null,"List Item"))},{id:"ordered-list-decimal",label:"Decimal",element:n().createElement("ol",{className:"slds-list_ordered"},n().createElement("li",null,"Basic ordered list"),n().createElement("li",null,"List Item"),n().createElement("li",null,"List Item"))},{id:"vertical-list-links",label:"Links",element:n().createElement("ul",null,n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Vertical List with links")),n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")),n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")))},{id:"vertical-list-block-links",label:"Block links",element:n().createElement("ul",{className:"slds-has-block-links"},n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Vertical List with block links")),n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")),n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")))},{id:"vertical-list-block-links-space",label:"Block links with space",element:n().createElement("ul",{className:"slds-has-block-links_space"},n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Vertical List with block links with space")),n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")),n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")))},{id:"vertical-list-inline-block-links",label:"Inline block links",element:n().createElement("ul",{className:"slds-has-inline-block-links"},n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Vertical List with inline-block links")),n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")),n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")))},{id:"vertical-list-inline-block-links-space",label:"Inline block links with space",element:n().createElement("ul",{className:"slds-has-inline-block-links_space"},n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"Vertical List with inline-block links with space")),n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")),n().createElement("li",null,n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")))},{id:"vertical-list-nested",label:"Nested vertical lists",element:n().createElement("ul",null,n().createElement("li",null,"Vertical List with nested vertical lists"),n().createElement("li",null,"List Item"),n().createElement("li",null,n().createElement("ul",{className:"slds-is-nested"},n().createElement("li",null,"Nested Vertical List"),n().createElement("li",null,"List Item"),n().createElement("li",null,n().createElement("ul",{className:"slds-is-nested"},n().createElement("li",null,"Nested Vertical List"),n().createElement("li",null,"List Item"),n().createElement("li",null,"List Item"))))))},{id:"vertical-dividers-top",label:"Top",element:n().createElement("ul",{className:"slds-has-dividers_top"},n().createElement("li",{className:"slds-item"},"List item with top divider"),n().createElement("li",{className:"slds-item"},"List Item"),n().createElement("li",{className:"slds-item"},"List Item"))},{id:"vertical-dividers-top-space",label:"Top with space",element:n().createElement("ul",{className:"slds-has-dividers_top-space"},n().createElement("li",{className:"slds-item"},"List item with top divider with space"),n().createElement("li",{className:"slds-item"},"List Item"),n().createElement("li",{className:"slds-item"},"List Item"))},{id:"vertical-dividers-link-top",label:"Top with link",element:n().createElement("ul",{className:"slds-has-dividers_top slds-has-block-links"},n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List item with link and top divider")),n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")),n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")))},{id:"vertical-dividers-link-top-space",label:"Top with link and space",element:n().createElement("ul",{className:"slds-has-dividers_top slds-has-block-links_space"},n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List item with link and top divider")),n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")),n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")))},{id:"vertical-dividers-bottom",label:"Bottom",element:n().createElement("ul",{className:"slds-has-dividers_bottom"},n().createElement("li",{className:"slds-item"},"List item with bottom divider"),n().createElement("li",{className:"slds-item"},"List Item"),n().createElement("li",{className:"slds-item"},"List Item"))},{id:"vertical-dividers-bottom-space",label:"Bottom with space",element:n().createElement("ul",{className:"slds-has-dividers_bottom-space"},n().createElement("li",{className:"slds-item"},"List item with bottom divider with space"),n().createElement("li",{className:"slds-item"},"List Item"),n().createElement("li",{className:"slds-item"},"List Item"))},{id:"vertical-dividers-link-bottom",label:"Bottom with link",element:n().createElement("ul",{className:"slds-has-dividers_bottom slds-has-block-links"},n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List item with link and bottom divider")),n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")),n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")))},{id:"vertical-dividers-link-bottom-space",label:"Bottom with link and space",element:n().createElement("ul",{className:"slds-has-dividers_bottom slds-has-block-links_space"},n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List item with link and bottom divider with space")),n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")),n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")))},{id:"vertical-dividers-around",label:"Around",element:n().createElement("ul",{className:"slds-has-dividers_around"},n().createElement("li",{className:"slds-item"},"List item with around divider"),n().createElement("li",{className:"slds-item"},"List Item"),n().createElement("li",{className:"slds-item"},"List Item"))},{id:"vertical-dividers-around-space",label:"Around with space",element:n().createElement("ul",{className:"slds-has-dividers_around-space"},n().createElement("li",{className:"slds-item"},"List item with around divider with space"),n().createElement("li",{className:"slds-item"},"List Item"),n().createElement("li",{className:"slds-item"},"List Item"))},{id:"vertical-dividers-link-around",label:"Around with link",element:n().createElement("ul",{className:"slds-has-dividers_around slds-has-block-links"},n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List item with link and around divider")),n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")),n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")))},{id:"vertical-dividers-link-around-space",label:"Around with link and space",element:n().createElement("ul",{className:"slds-has-dividers_around slds-has-block-links_space"},n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List item with link and around divider with space")),n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")),n().createElement("li",{className:"slds-item"},n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"List Item")))}]}},l={};function i(e){var n=l[e];if(void 0!==n)return n.exports;var a=l[e]={exports:{}};return t[e](a,a.exports,i),a.exports}i.m=t,i.amdO={},e=[],i.O=function(t,l,n,a){if(!l){var s=1/0;for(o=0;o<e.length;o++){l=e[o][0],n=e[o][1],a=e[o][2];for(var r=!0,c=0;c<l.length;c++)(!1&a||s>=a)&&Object.keys(i.O).every(function(e){return i.O[e](l[c])})?l.splice(c--,1):(r=!1,a<s&&(s=a));if(r){e.splice(o--,1);var m=n();void 0!==m&&(t=m)}}return t}a=a||0;for(var o=e.length;o>0&&e[o-1][2]>a;o--)e[o]=e[o-1];e[o]=[l,n,a]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var l in t)i.o(t,l)&&!i.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},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=3785,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,3785:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};i.O.j=function(t){return 0===e[t]};var t=function(t,l){var n,a,s=l[0],r=l[1],c=l[2],m=0;if(s.some(function(t){return 0!==e[t]})){for(n in r)i.o(r,n)&&(i.m[n]=r[n]);if(c)var o=c(i)}for(t&&t(l);m<s.length;m++)a=s[m],i.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return i.O(o)},l=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),i.nc=void 0;var n=i.O(void 0,[6790],function(){return i(6529)});n=i.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/utilities/vertical-list/example.jsx.js"]=n}();