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
    EventDescription
    <SwipeoutButton> events
    clickEvent will be triggered on swipeout button click
    <ListItem> events
    The following events will be available on <ListItem> with enabled
    swipeoutEvent will be triggered while you move swipeout element. event.detail.progress contains current opened progress percentage
    swipeoutOpenEvent will be triggered when swipeout element starts its opening animation
    swipeoutOpenedEvent will be triggered after swipeout element completes its opening animation
    swipeoutCloseEvent will be triggered when swipeout element starts its closing animation
    swipeoutClosedEvent will be triggered after swipeout element completes its closing animation
    swipeoutDeleteEvent will be triggered after swipeout element starts its delete animation
    swipeoutDeletedEvent will be triggered after swipeout element completes its delete animation right before it will be removed from DOM
    swipeoutOverswipeEnterEvent will be triggered when overswipe enabled
    swipeoutOverswipeExitEvent will be triggered when overswipe disabled

    Swiper →