I need help making a component reusable


I’m at the beginning of a rewrite of an app from rails to ember. I want to make some components that I can reuse across the app but they have slight differences. Here are images of the panel headers on four seperate pages:

When clicked they open up to this:

I was thinking about something like this:


Does this seem reasonable? Is there a best practice for nested components?

Thank you for your time.


Ember newbie currently reading up on stuff here - so take this with a big grain of salt … But this topic in the guide http://guides.emberjs.com/v2.0.0/components/composing-components/ looks like it could help with what you are asking about.


Thanks, I’ll check it out.