How to load a component dynamically into a container in Ember JS

I have a container component

Whose .hbs (template) file has a

<div id='box'></div>
<button>Click Me</button>

When the button is clicked I would like another component (say to be loaded into it.

Is this possible?