Render a component outside of the template in EmberJS

I want to render a modal which is defined inside a template but this modal should be insert into the DOM outside of the template.

e.g.

my-list.hbs:

  <div>
    <button>Create item</button>
    
      
    
    <ul>
      
        <li></li>
      
    </ul>
  </div>

Basically what I want is to be able to render outside of the DOM (typically at the end of the DOM) to be sure it's above everything.

How can I achieve this?