# How to render Component inside Widget?

**URL:** <https://meta.discourse.org/t/how-to-render-component-inside-widget/52872>\
**Category:** Development\
**Created:** [14 Novembre 2016, 10:21am 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:** 3

<div class="post-metadata">

**Author:** ![gdpelican](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gdpelican/32/81308_2.png) [@gdpelican](https://meta.discourse.org/u/gdpelican)\
**Post date:** [28 Luglio 2017, 8:05am UTC](https://meta.discourse.org/t/how-to-render-component-inside-widget/52872/3 "2017-07-28T08:05:53Z")

</div>

I’m having a bit of trouble with the `connect` method; how would you recommend passing widget state to the component?

Specifically, I want to say

```plaintext
helper.connect({ component: 'emoji-picker', pickerIsActive: this.state.active })

```

And have that be somewhat equivalent to writing something like this in a component template:

```plaintext
{{emoji-picker active=pickerIsActive}}

```

@eviltrout ? ❤ 😃

---

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