skim-stack

contents

• Usage
• Properties
• Events
• Methods

The stack component allows for stacking multiple html elements and remove them one by one based on a certain action (like a swipe).

Usage

<skim-stack>
    ...
</skim-stack>
<ion-button onclick="stack.next()">Next</ion-button>

<script>
    const stack = document.querySelector('skim-stack')
    
    stack.addEventListener('empty', () => console.log('Stack is empty'));
</script>

Events

Event	Description	Type
empty	Emitted when stack is empty	CustomEvent<void>

Methods

next() => Promise<CustomEvent<void>>

Remove current element and display the next

Returns

Type: Promise<CustomEvent<void>>

---

Built with StencilJS