# How to render Component inside Widget?

**URL:** <https://meta.discourse.org/t/how-to-render-component-inside-widget/52872>\
**Category:** Development\
**Created:** [11월 14, 2016, 10:21오전 UTC](https://meta.discourse.org/t/how-to-render-component-inside-widget/52872 "2016-11-14T10:21:07Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![mrded](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mrded/32/62438_2.png) [@mrded](https://meta.discourse.org/u/mrded)\
**Post date:** [11월 14, 2016, 10:21오전 UTC](https://meta.discourse.org/t/how-to-render-component-inside-widget/52872/1 "2016-11-14T10:21:07Z")

</div>

Let’s say, I have a component `assets/javascripts/discourse/templates/components/example-component.hbs`:

```
<h2>Hello component!</h2>

```

And I have a widget `/assets/javascripts/discourse/widgets/example-widget.js.es6`:

```
import createWidget from 'discourse/widgets/widget';

export default createWidget('example-widget', {
  tagName: 'div',
  html() {
    return 'I want to render {{example-component}} in here.';
  }
});

```

How can I render a component inside a widget? Thanks.

---

_[View the full topic](https://meta.discourse.org/t/how-to-render-component-inside-widget/52872)._