I have a modal sheet component with the following structure:
<f7-sheet class="myClass" style="height: auto" swipe-to-step :backdrop="false" > <div class="sheet-modal-inner"> <div class="sheet-modal-swipe-step"> ... </div> </div> <template #static> <MyComponent></MyComponent> </template> </f7-sheet>
Currently, I have to click a button to display the partial Modal Sheet, which I can then swipe up to reveal the full content:
<f7-button sheet-open=".myClass">Swipe To Step</f7-button>
My goal is to have the partial Modal Sheet displayed by default, hence remove the need to click a button. If I add “opened” to , the whole sheet is open at once, not just the swipe-step part.
Does anyone have an idea how to achieve this?