To appear in Community Builder, a component must implement the forceCommunity:availableForAllPageTypes interface.
<aura:component implements="forceCommunity:availableForAllPageTypes" access="global"> <aura:attribute name="greeting" type="String" default="Hello" access="global" /> <aura:attribute name="subject" type="String" default="World" access="global" /> <div style="box"> <span class="greeting">{!v.greeting}</span>, {!v.subject}! </div> </aura:component>
Next, add a design resource to your component bundle. A design resource describes the design-time behavior of a Lightning component—information that visual tools need to allow adding the component to a page or app. It contains attributes that are available for administrators to edit in Community Builder.
Adding this resource is similar to adding it for the Lightning App Builder. For more information, see Configure Components for Lightning Pages and the Lightning App Builder.