I have created lightning component, now I wan to add this component to lightning app builder. How to achieve it? my component:

<aura:component controller="TEST_on.AccountComponentController" implements="force:appHostable">
<aura:handler name="init" value="{!this}" action="{!c.doInit}" />
<aura:attribute name="accLst" type="TEST_on.Account[]"/>
<aura:attribute name="subject" type="String" default="World" />

<aura:iteration items="{!v.accList}" var="accItem">
    <div class="container">    
        Name : {!accItem.Name} <br/>
        BillingState : {!accItem.BillingState}<br/><br/>


doInit : function(component, event, helper) {


getAccountInfo : function(component, event) {

    var action = component.get("c.getAccountInfo");
    var that   = this;

        component.set("v.accList", a.getReturnValue());
        component.set("v.subject", 'test value');


<design:component label="Hello World">
<design:attribute name="subject" label="subject" description="this component is under test" />

I have added the the component tab and enable this component on Mobile Navigation. But still doing this all I am not able to view this component on lightning app builder's component list. Please guide me what I am missing out. I am referring this doc : https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_config_for_app_builder.htm


There is a marker interface that your component needs to implement in order to make it available to Lightning App Builder.

<aura:component ... implements="flexipage:availableForAllPageTypes">

I've not done it, but my assumption is that you just add it to your existing implements attribute with a comma.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.