Swipeout React Component
Swipeout List is not a separate component, but just a particular case of using , React components and additional Swipeout components.
There are following components included:
- /
F7SwipeoutActions
- wrapper for swipeout buttons
Event | Description |
---|---|
<SwipeoutButton> events | |
click | Event will be triggered on swipeout button click |
<ListItem> events The following events will be available on <ListItem> with enabled | |
swipeout | Event will be triggered while you move swipeout element. event.detail.progress contains current opened progress percentage |
swipeoutOpen | Event will be triggered when swipeout element starts its opening animation |
swipeoutOpened | Event will be triggered after swipeout element completes its opening animation |
swipeoutClose | Event will be triggered when swipeout element starts its closing animation |
swipeoutClosed | Event will be triggered after swipeout element completes its closing animation |
swipeoutDelete | Event will be triggered after swipeout element starts its delete animation |
swipeoutDeleted | Event will be triggered after swipeout element completes its delete animation right before it will be removed from DOM |
swipeoutOverswipeEnter | Event will be triggered when overswipe enabled |
swipeoutOverswipeExit | Event will be triggered when overswipe disabled |