1.0.0 • Published 2 years ago

@wobwob/react-swipe-to-delete-ios v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

react-swipe-to-delete-ios

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

GIF 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

PropTypeDefault
onDeletefunctionrequired
heightnumberrequired
transitionDurationnumber (ms)250
deleteWidthnumber (px)75
deleteColorstring"rgba(252, 58, 48, 1.00)"
deleteTextstring"Delete" (deleteText or deleteComponent)
deleteComponentnodenull (deleteText or deleteComponent)
disabledboolfalse
rtlboolfalse

Todo

  • Tests
  • Browser compatibility check