react-swipe-to-delete-ios

A simple React component to reproduce the way iOS deletes an item in a list. Demo

Installation

yarn add react-swipe-to-delete-ios

Usage

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
  rtl={false} // default
>
  {children}
</SwipeToDelete>

Props

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 rtl | bool | false

Todo

• [ ] Tests
• [ ] Browser compatibility check