A simple React component to reproduce the way iOS deletes an item in a list. Demo
yarn add react-swipe-to-delete-ios
import React from 'react'
import SwipeToDelete from 'react-swipe-to-delete-ios'
...
<SwipeToDelete
onDelete={handleDelete} // required
height={100} // required
// optional
transitionDuration={250} // default
deleteWidth={75} // default
deleteColor="rgba(252, 58, 48, 1.00)" // default
deleteText="Delete" // default
deleteComponent={<DeleteComponent/>} // not default
disabled={false} // default
>
{children}
</SwipeToDelete>| Prop | Type | Default |
|---|---|---|
| onDelete | function | required |
| height | number | required |
| transitionDuration | number (ms) | 250 |
| deleteWidth | number (px) | 75 |
| deleteColor | string | "rgba(252, 58, 48, 1.00)" |
| deleteText | string | "Delete" (deleteText or deleteComponent) |
| deleteComponent | node | null (deleteText or deleteComponent) |
| disabled | bool | false |
- Tests
- Browser compatibility check