# Ember action through multuple component

**URL:** <https://discuss.emberjs.com/t/ember-action-through-multuple-component/14531>\
**Category:** Uncategorized\
**Created:** [April 13, 2018, 8:32pm UTC](https://discuss.emberjs.com/t/ember-action-through-multuple-component/14531 "2018-04-13T20:32:27Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![akhil\_ck](https://avatars.discourse-cdn.com/v4/letter/a/b9bd4f/32.png) [@akhil\_ck](https://discuss.emberjs.com/u/akhil_ck)\
**Post date:** [April 13, 2018, 8:32pm UTC](https://discuss.emberjs.com/t/ember-action-through-multuple-component/14531/1 "2018-04-13T20:32:27Z")

</div>

1)main component 2) sub compo (inside main button action) 3 seperate modal popup component How can i trigger sub comp button action from main and show popup

---

<div class="post-metadata">

**Author:** ![mattmcmanus](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/mattmcmanus/32/13776_2.png) [@mattmcmanus](https://discuss.emberjs.com/u/mattmcmanus)\
**Post date:** [April 13, 2018, 11:12pm UTC](https://discuss.emberjs.com/t/ember-action-through-multuple-component/14531/2 "2018-04-13T23:12:43Z")

</div>

Take a look at the example here: [ember-modal-dialog/README.md at master · yapplabs/ember-modal-dialog · GitHub](https://github.com/yapplabs/ember-modal-dialog/blob/master/README.md#controller-bound-usage)

Just replace translate the controller part to a component.

If you’re having trouble still, posting a code example of what you currently have would be a helpful way to get more precise answers.

---

<div class="post-metadata">

**Author:** ![Ben\_Glancy](https://avatars.discourse-cdn.com/v4/letter/b/9de053/32.png) [@Ben\_Glancy](https://discuss.emberjs.com/u/Ben_Glancy)\
**Post date:** [April 14, 2018, 4:14pm UTC](https://discuss.emberjs.com/t/ember-action-through-multuple-component/14531/3 "2018-04-14T16:14:01Z")

</div>

It depends on your exact usage. But the main component could transition into a child Route.