#ember-modal-dialog, Problem with subclassing

Hi all! I’m trying to create simple modal window based on ember-modal-dialog.

I have next piece of code:

{{#if loginDialog}}
  {{#login-dialog}} Something! {{/login-dialog}}
{{/if}}

login-dialog.js:

import Component from 'ember-modal-dialog/components/modal-dialog';

export default Component.extend({

});

login-dialog.hbs

{{yield}}

According to docs it must works fine, but it shows just “Something!” as a plain text without modal panel (even without component’s div). What am I doing wrong?

You override modal-dialog template. You can import modal-dialog template then set as layout to your login-dialog or delete login-dialog template