Hi esri community! I am trying currently trying to use the calcite-action-bar to open/close a calcite-panel using calcite-flow. So far i do not have much luck in doing so. Is there a button i need to create in the action bar container and write a JS code for this sort of interactivity? if so, how? See below for the script under the <body>....</body> section of my html script:-
<body class="calcite-theme-light">
<div class="calcite-shell-container">
<calcite-shell content-behind calcite-hydrated>
<calcite-shell-panel slot="primary-panel" position="start" expand>
<calcite-action-bar slot="action-bar" class="calcite-theme-dark" >
<calcite-action text="Add" icon="plus"></calcite-action>
<calcite-action text="Save" icon="save"></calcite-action>
<calcite-action text="Layers" icon="layers"></calcite-action>
</calcite-action-bar>
<calcite-flow id="layer-list-flow" calcite hydrated>
<calcite-panel heading="Layers" intl-back="Back" dismissible calcite hydrated>
<calcite-tip heading="No layers" non-dismissible calcite-hydrated>
<p>Add layers to your map and they will appear here</p>
</calcite-tip>
</calcite-panel>
</calcite-flow>
</calcite-shell-panel>
</calcite-shell>
</div>
</body>
Thank you!
![[cc] shell panel collapse](https://shots.codepen.io/username/pen/JjywgXy-512.jpg?version=1640123830 "[cc] shell panel collapse")
