Panel inside accordion

tad

Is it possible to put a panel inside of an accordion? I have an accordion that I would like to put in text, dropdowns, textfields, radio buttons, etc in each section. Here's what I have so far that isn't working:

<section>
<calcite-shell>
<calcite-shell-panel slot="panel-start">
<calcite-accordion>
<calcite-accordion-item heading="Search">
<calcite-panel>
<calcite-dropdown width="m" overlay-positioning="fixed">
<calcite-button >Search</calcite-button>
<calcite-dropdown-group group-title="Natural places">
<calcite-dropdown-item>Water Right By File</calcite-dropdown-item>
<calcite-dropdown-item>Water Right By River Mile</calcite-dropdown-item>
<calcite-dropdown-item>TRS</calcite-dropdown-item>
<calcite-dropdown-item>Latitude/Longitude</calcite-dropdown-item>
<calcite-dropdown-item>Gaging Station</calcite-dropdown-item>
</calcite-dropdown-group>
</calcite-dropdown>
</calcite-panel>
</calcite-accordion-item> ...

Mac_And_Cheese

Do you have an sketch or rough design of the layout you'd like? It could help me put together a more representative example.

I did update the existing Codepen sample to contain more complex content - ultimately this is where you could place any needed elements - Calcite Components or otherwise.