@salesforce-ux/design-system/__internal/chunked/docs/ui/components/summary-detail/docs.mdx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t,n,l={697:function(e,t,n){n.r(t),n.d(t,{getContents:function(){return w},getElement:function(){return _}});var l=n(1594),r=n.n(l),a=n(5671),i=n(6547),s=n(942),o=n.n(s),m=n(9382),c=n(6955),u="expando-unique-id",d="Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue.",f=function(e){return r().createElement("div",{className:o()("slds-summary-detail",e.className)},e.children)},p=function(e){return r().createElement("div",{hidden:!e.isOpen,className:o()("slds-summary-detail__content",e.className),id:e.referenceId},e.children)},h=function(e){return r().createElement("div",{className:o()("slds-summary-detail__title",e.className)},e.children)},y=function(e){return r().createElement(c.A,{className:o()("slds-m-right_x-small",e.className),iconClassName:"slds-summary-detail__action-icon",symbol:"switch",title:"Toggle details for ".concat(e.summaryTitle),assistiveText:"Toggle details for ".concat(e.summaryTitle),"aria-controls":e.referenceId,"aria-expanded":e.isOpen?"true":"false"})},E=[{id:"default",label:"Default",element:r().createElement(f,{className:"slds-is-open"},r().createElement(y,{referenceId:u,isOpen:!0,summaryTitle:"Summary Title"}),r().createElement("div",null,r().createElement(h,null,r().createElement("h3",{className:"slds-text-heading_small slds-truncate",title:"summary title"},"Summary Title")),r().createElement(p,{referenceId:u,isOpen:!0},r().createElement("p",null,d))))}],v=[{id:"closed-with-complex-title",label:"Closed with Complex title",element:r().createElement(f,null,r().createElement(y,{referenceId:u,summaryTitle:"Summary Title"}),r().createElement("div",null,r().createElement(h,null,r().createElement("div",{className:"slds-grid"},r().createElement("h3",{className:"slds-text-heading_small slds-truncate slds-p-right_small",title:"summary title"},"Summary Title"),r().createElement(m.Ex,null," In Progress ")),r().createElement("p",null,"Additional information about this step")),r().createElement(p,{referenceId:u},r().createElement("p",null,d))))},{id:"open-with-complex-title",label:"Open with Complex title",element:r().createElement(f,{className:"slds-is-open"},r().createElement(y,{referenceId:u,isOpen:!0,summaryTitle:"Summary Title"}),r().createElement("div",null,r().createElement(h,null,r().createElement("div",{className:"slds-grid"},r().createElement("h3",{className:"slds-text-heading_small slds-truncate slds-p-right_small",title:"summary title"},"Summary Title"),r().createElement(m.Ex,null," In Progress ")),r().createElement("p",null,"Additional information about this step")),r().createElement(p,{referenceId:u,isOpen:!0},r().createElement("p",null,d))))}],g=[{id:"closed",label:"Closed",element:r().createElement(f,null,r().createElement(y,{referenceId:u,summaryTitle:"Summary Title"}),r().createElement("div",null,r().createElement(h,null,r().createElement("h3",{className:"slds-text-heading_small slds-truncate",title:"summary title"},"Summary Title")),r().createElement(p,{referenceId:u},r().createElement("p",null,d))))}],b=n(806),x=a.XB.h2,O=a.XB.h3,S=a.XB.p,_=function(){return(0,l.createElement)(a.Ay,{},(0,l.createElement)("div",{className:"doc lead"},"Use Summary Detail to show and hide details while always showing a summary"),(0,l.createElement)(i.A,{exampleOnly:!0,demoStyles:"height: 150px;"},(0,b.NO)(v,"open-with-complex-title")),x({id:"About-Summary-Detail"},"About Summary Detail"),S({},"The summary detail component uses a button to show and hide content while showing an overall summary"),x({id:"Base"},"Base"),(0,l.createElement)(i.A,{demoStyles:"height: 150px;"},(0,b.NO)(E)),x({id:"States"},"States"),O({id:"Closed"},"Closed"),(0,l.createElement)(i.A,{demoStyles:"height: 150px;"},(0,b.NO)(g,"closed")),x({id:"Examples"},"Examples"),O({id:"Closed-with-Complex-title"},"Closed with Complex title"),(0,l.createElement)(i.A,{demoStyles:"height: 150px;"},(0,b.NO)(v,"closed-with-complex-title")),O({id:"Open-with-Complex-title"},"Open with Complex title"),(0,l.createElement)(i.A,{demoStyles:"height: 150px;"},(0,b.NO)(v,"open-with-complex-title")))},w=function(){return(0,a.Qr)(_())}},1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},5206:function(e){e.exports=ReactDOM}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={id:e,exports:{}};return l[e](n,n.exports,a),n.exports}a.m=l,a.amdO={},e=[],a.O=function(t,n,l,r){if(!n){var i=1/0;for(c=0;c<e.length;c++){n=e[c][0],l=e[c][1],r=e[c][2];for(var s=!0,o=0;o<n.length;o++)(!1&r||i>=r)&&Object.keys(a.O).every(function(e){return a.O[e](n[o])})?n.splice(o--,1):(s=!1,r<i&&(i=r));if(s){e.splice(c--,1);var m=l();void 0!==m&&(t=m)}}return t}r=r||0;for(var c=e.length;c>0&&e[c-1][2]>r;c--)e[c]=e[c-1];e[c]=[n,l,r]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},a.t=function(e,l){if(1&l&&(e=this(e)),8&l)return e;if("object"==typeof e&&e){if(4&l&&e.__esModule)return e;if(16&l&&"function"==typeof e.then)return e}var r=Object.create(null);a.r(r);var i={};t=t||[null,n({}),n([]),n(n)];for(var s=2&l&&e;("object"==typeof s||"function"==typeof s)&&!~t.indexOf(s);s=n(s))Object.getOwnPropertyNames(s).forEach(function(t){i[t]=function(){return e[t]}});return i.default=function(){return e},a.d(r,i),r},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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=5365,function(){var e={5365:0};a.O.j=function(t){return 0===e[t]};var t=function(t,n){var l,r,i=n[0],s=n[1],o=n[2],m=0;if(i.some(function(t){return 0!==e[t]})){for(l in s)a.o(s,l)&&(a.m[l]=s[l]);if(o)var c=o(a)}for(t&&t(n);m<i.length;m++)r=i[m],a.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return a.O(c)},n=self.webpackJsonpSLDS___internal_chunked_docs=self.webpackJsonpSLDS___internal_chunked_docs||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),a.nc=void 0;var i=a.O(void 0,[3540],function(){return a(697)});i=a.O(i),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/docs/./ui/components/summary-detail/docs.mdx.js"]=i}();