Flexipage Region Info

lightning:flexipageRegionInfo

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

For Use In

Lightning Experience, Salesforce Mobile App

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.

1<aura:component implements="flexipage:availableForAllPageTypes">
2  <aura:attribute name="width" type="String" description=" width of parent region" />
3  <lightning:flexipageRegionInfo width="{!v.width}" />
4  <div id="MyCustomComponent" class="{! v.width}">
5    <!-- Your component here -->
6  </div>
7</aura:component>

Attributes 

NameDescriptionTypeDefaultRequired
bodyThe body of the component. In markup, this is everything in the body of the tag.Aura.Component[]
widthThe width of the region that the component resides in.String