@salesforce-ux/design-system/__internal/chunked/docs/ui/utilities/floats/docs.mdx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t,n,o={1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},5181:function(e,t,n){n.r(t),n.d(t,{getContents:function(){return p},getElement:function(){return h}});var o=n(1594),r=n.n(o),l=n(5671),a=n(6547),i=n(5619),f=n(806),c=[{id:"left",label:"Left",element:r().createElement("div",{className:"slds-clearfix"},r().createElement("div",{className:"slds-float_left"},r().createElement("p",null,"I’m floooaaaating")))},{id:"right",label:"Right",element:r().createElement("div",{className:"slds-clearfix"},r().createElement("div",{className:"slds-float_right"},r().createElement("p",null,"I’m floooaaaating")))},{id:"none",label:"None",element:r().createElement("div",{className:"slds-float_none"},r().createElement("p",null,"I’m not floooaaaating"))},{id:"clearfix",label:"Clearfix",element:r().createElement("div",{className:"slds-clearfix"},r().createElement("div",{className:"slds-float_left"},r().createElement("p",null,"I’m floooaaaating")),r().createElement("div",{className:"slds-float_right"},r().createElement("p",null,"I’m floooaaaating")))}],u=l.XB.code,s=l.XB.h2,d=l.XB.h3,m=l.XB.p,h=function(){return(0,o.createElement)(l.Ay,{},(0,o.createElement)("div",{className:"doc lead"},"Use a float to pull an element out of the document’s normal flow and to align it with the left or right side of the container."),s({id:"About-Floats"},"About Floats"),m({},"To float an element on the left, add the ",u({},".slds-float_left")," class to the element. To float it on the right, add the ",u({},".slds-float_right")," class."),(0,o.createElement)(i.A,{type:"note",header:"Note"},(0,o.createElement)("p",null,"The floated element must be first in the document flow, even if it renders on the right.")),m({},"If you want the parent of the floated element to contain the floats, add the ",u({},".slds-clearfix")," class to the parent."),s({id:"Examples"},"Examples"),d({id:"Left"},"Left"),(0,o.createElement)(a.A,null,(0,f.NO)(c,"left")),d({id:"Right"},"Right"),(0,o.createElement)(a.A,null,(0,f.NO)(c,"right")),d({id:"None"},"None"),(0,o.createElement)(a.A,null,(0,f.NO)(c,"none")),d({id:"Clearfix"},"Clearfix"),(0,o.createElement)(a.A,null,(0,f.NO)(c,"clearfix")))},p=function(){return(0,l.Qr)(h())}},5206:function(e){e.exports=ReactDOM}},r={};function l(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={id:e,exports:{}};return o[e](n,n.exports,l),n.exports}l.m=o,l.amdO={},e=[],l.O=function(t,n,o,r){if(!n){var a=1/0;for(u=0;u<e.length;u++){n=e[u][0],o=e[u][1],r=e[u][2];for(var i=!0,f=0;f<n.length;f++)(!1&r||a>=r)&&Object.keys(l.O).every(function(e){return l.O[e](n[f])})?n.splice(f--,1):(i=!1,r<a&&(a=r));if(i){e.splice(u--,1);var c=o();void 0!==c&&(t=c)}}return t}r=r||0;for(var u=e.length;u>0&&e[u-1][2]>r;u--)e[u]=e[u-1];e[u]=[n,o,r]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},l.t=function(e,o){if(1&o&&(e=this(e)),8&o)return e;if("object"==typeof e&&e){if(4&o&&e.__esModule)return e;if(16&o&&"function"==typeof e.then)return e}var r=Object.create(null);l.r(r);var a={};t=t||[null,n({}),n([]),n(n)];for(var i=2&o&&e;("object"==typeof i||"function"==typeof i)&&!~t.indexOf(i);i=n(i))Object.getOwnPropertyNames(i).forEach(function(t){a[t]=function(){return e[t]}});return a.default=function(){return e},l.d(r,a),r},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.e=function(){return Promise.resolve()},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=9026,function(){var e={9026:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var o,r,a=n[0],i=n[1],f=n[2],c=0;if(a.some(function(t){return 0!==e[t]})){for(o in i)l.o(i,o)&&(l.m[o]=i[o]);if(f)var u=f(l)}for(t&&t(n);c<a.length;c++)r=a[c],l.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return l.O(u)},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))}(),l.nc=void 0;var a=l.O(void 0,[3540],function(){return l(5181)});a=l.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/docs/./ui/utilities/floats/docs.mdx.js"]=a}();