Component Facets in lighting

facetHeader.cmp

<aura:component>

<aura:attribute name="header" type="Aura.Component[]"/>

<div>

<span class="header">{!v.header}</span><br/>

<span class="body">{!v.body}</span>

</div>

</aura:component>

facetHeaders.cmp

<aura:component>

See how we set the header facet.<br/>

<c:facetHeader>

Nice body!

<aura:set attribute="header">

Hello Header!

</aura:set>

</c:facetHeader>

</aura:component>

Application

<aura:application >

<c:facetHeaders></c:facetHeaders>

</aura:application>