react-swipe-to-delete-ios

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

Programming language: TypeScript

Tags: UI Components     Miscellaneous    

README

react-swipe-to-delete-ios

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

[GIF Demo](./src/demo/demo.gif?raw=true "Title")

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
>
  {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

Todo

• [ ] Tests
• [ ] Browser compatibility check