What is the best method to add a custom component (which has been pulled in using the resources in Architect).
You can't drag and drop it like you can with the visual items that are listed in the toolbox.

Perhaps there is a way to add your own items to the toolbox? (I am refering to the IFrame from the ext examples folder)

At the moment I'm listening for the added event and once the panel is added I'm then adding the iFrame.

Code:
var me = this;


me.add({
        itemId: 'iFramePage',
        id: 'iFramePage',
        items: [{
                xtype: 'uxiframe',
                id: 'iframeItem',
                src : 'http://www.mysite.com/',
                height: '100%',
                width: '100%'
            }
        ]
    });
Is this an acceptable method to use for adding items?
What is the lifecycle of the components?
Is there a prefered event to add items during there creation?