lightning:flexipageRegionInfo

Provides Lightning page region information to the component that contains it.

The lightning:flexipageRegionInfo component provides Lightning page region information to the component that contains it. It passes the width of the region that the component is dropped into in the Lightning App Builder. For more information, see Make Your Lightning Page Components Width Aware With lightning:flexipageRegionInfo.

<aura:component implements="flexipage:availableForAllPageTypes">
<aura:attribute name="width" type="String" description=" width of parent region"/>
 	<lightning:flexipageRegionInfo width="{!v.width}"/>
    	<div id="MyCustomComponent">
        	<!-- Your custom component here -->
    	</div>
</aura:component>

Attributes

Attribute Name Attribute Type Description Required?
body Component[] The body of the component. In markup, this is everything in the body of the tag.
width String The width of the region that the component resides in.