@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 14.9 kB
JavaScript
var SLDS;!function(){"use strict";var e,t,l,i={793:function(e,t,l){l.r(t),l.d(t,{getContents:function(){return u},getElement:function(){return d}});var i=l(1594),n=l.n(i),a=l(5671),r=l(6547),s=l(806),c=[{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")))}],m=a.XB.h2,o=a.XB.h3,d=function(){return(0,i.createElement)(a.Ay,{},(0,i.createElement)("div",{className:"doc lead"},"A vertical list."),m({id:"Base"},"Base"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-list")),m({id:"Examples"},"Examples"),o({id:"Dotted"},"Dotted"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"unordered-list-decimal")),o({id:"Decimal"},"Decimal"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"ordered-list-decimal")),o({id:"Links"},"Links"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-list-links")),o({id:"Block-Links"},"Block Links"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-list-block-links")),o({id:"Block-Links-with-Space"},"Block Links with Space"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-list-block-links-space")),o({id:"Inline-Block-Links"},"Inline Block Links"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-list-inline-block-links")),o({id:"Inline-Block-Links-with-Space"},"Inline Block Links with Space"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-list-inline-block-links-space")),o({id:"Nested-Vertical-Lists"},"Nested Vertical Lists"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-list-nested")),o({id:"Top"},"Top"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-dividers-top")),o({id:"Top-with-Space"},"Top with Space"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-dividers-top-space")),o({id:"Top-with-Link"},"Top with Link"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-dividers-link-top")),o({id:"Top-with-Link-and-Space"},"Top with Link and Space"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-dividers-link-top-space")),o({id:"Bottom"},"Bottom"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-dividers-bottom")),o({id:"Bottom-with-Space"},"Bottom with Space"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-dividers-bottom-space")),o({id:"Bottom-with-Link"},"Bottom with Link"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-dividers-link-bottom")),o({id:"Bottom-with-Link-and-Space"},"Bottom with Link and Space"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-dividers-link-bottom-space")),o({id:"Around"},"Around"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-dividers-around")),o({id:"Around-with-Space"},"Around with Space"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-dividers-around-space")),o({id:"Around-with-Link"},"Around with Link"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-dividers-link-around")),o({id:"Around-with-Link-and-Space"},"Around with Link and Space"),(0,i.createElement)(r.A,null,(0,s.NO)(c,"vertical-dividers-link-around-space")))},u=function(){return(0,a.Qr)(d())}},1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},5206:function(e){e.exports=ReactDOM}},n={};function a(e){var t=n[e];if(void 0!==t)return t.exports;var l=n[e]={id:e,exports:{}};return i[e](l,l.exports,a),l.exports}a.m=i,a.amdO={},e=[],a.O=function(t,l,i,n){if(!l){var r=1/0;for(o=0;o<e.length;o++){l=e[o][0],i=e[o][1],n=e[o][2];for(var s=!0,c=0;c<l.length;c++)(!1&n||r>=n)&&Object.keys(a.O).every(function(e){return a.O[e](l[c])})?l.splice(c--,1):(s=!1,n<r&&(r=n));if(s){e.splice(o--,1);var m=i();void 0!==m&&(t=m)}}return t}n=n||0;for(var o=e.length;o>0&&e[o-1][2]>n;o--)e[o]=e[o-1];e[o]=[l,i,n]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},l=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},a.t=function(e,i){if(1&i&&(e=this(e)),8&i)return e;if("object"==typeof e&&e){if(4&i&&e.__esModule)return e;if(16&i&&"function"==typeof e.then)return e}var n=Object.create(null);a.r(n);var r={};t=t||[null,l({}),l([]),l(l)];for(var s=2&i&&e;("object"==typeof s||"function"==typeof s)&&!~t.indexOf(s);s=l(s))Object.getOwnPropertyNames(s).forEach(function(t){r[t]=function(){return e[t]}});return r.default=function(){return e},a.d(n,r),n},a.d=function(e,t){for(var l in t)a.o(t,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},a.e=function(){return Promise.resolve()},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=5262,function(){var e={5262:0};a.O.j=function(t){return 0===e[t]};var t=function(t,l){var i,n,r=l[0],s=l[1],c=l[2],m=0;if(r.some(function(t){return 0!==e[t]})){for(i in s)a.o(s,i)&&(a.m[i]=s[i]);if(c)var o=c(a)}for(t&&t(l);m<r.length;m++)n=r[m],a.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return a.O(o)},l=self.webpackJsonpSLDS___internal_chunked_docs=self.webpackJsonpSLDS___internal_chunked_docs||[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),a.nc=void 0;var r=a.O(void 0,[3540],function(){return a(793)});r=a.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/docs/./ui/utilities/vertical-list/docs.mdx.js"]=r}();