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>
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. |