[flexcoders] Custom components as headerRender?

[Stephen Roy J. Tang]

Hi there,

I've been trying to make a custom header renderer for an
accordion...basically, what I want is to have the accordion label + an
additional button on the accordion header

Initially I tried something like:
<mx:Accordion>
  <mx:headerRenderer>
    <mx:Component>
      <mx:Canvas>
        <mx:Label />
        <mx:Button />
      </mx:Canvas>
    </mx:Component>
  </mx:headerRenderer>
  [...accordion contents...]
</mx:Accordion>

But the above structure gave me an error like "Error #1034: Type
Coercion failed: cannot convert [EMAIL PROTECTED] to Button"

What restrictions are there as to what I can declare inside the
mx:headerRenderer tag? If I use simple components like checkboxes it
seems fine, i.e. the following is ok:

<mx:Accordion>
  <mx:headerRenderer>
    <mx:Component>
      <mx:CheckBox />
    </mx:Component>
  </mx:headerRenderer>
  [...accordion contents...]
</mx:Accordion>

Thanks a lot :)