In previous blog post, we saw that how Lightning component bundles are related to each other and how to create simple Hello World component.
In this post, we will create very simple yet powerful reusable lightning component for collapse and expand panel. This time, we will skip basics of lightning and directly start with code.
Complete component is build with plain javascript and CSS, no library used.


CollapsiblePanel.cmp [Component]
In above component, I have used body parameter as facet so that any lightning component can be used in body.
In above code, we are passing <ui:message> lightning component as a body, to show how one lightning component can be passed as parameter to another component.
<aura:set> is used to set facet in custom lightning component created.
Leave a Reply