https://github.com/johno/deleted

A slightly different user experience for hard deletes.
https://github.com/johno/deleted

Last synced: 3 months ago
JSON representation

A slightly different user experience for hard deletes.

• Host: GitHub
• URL: https://github.com/johno/deleted
• Owner: johno
• License: mit
• Created: 2014-12-16T03:18:35.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2015-12-15T01:32:26.000Z (about 9 years ago)
• Last Synced: 2024-10-09T05:24:48.507Z (4 months ago)
• Language: JavaScript
• Homepage: http://johnotander.com/deleted
• Size: 24.4 KB
• Stars: 58
• Watchers: 3
• Forks: 5
• Open Issues: 5
• Metadata Files:
  • Readme: readme.md
  • License: license

Awesome Lists containing this project

README

        
# deleted

Deleted provides a slightly different experience for hard deletes. Clicking a delete button

creates a dropdown with a confirmation and cancel button. This requires two click actions from

the user, helping to prevent accidental deletions.

It's dependency-free and delightfully lightweight:

```

deleted.min.js 711 B (gzipped)

deleted.min.css 490 B (gzipped)

```

See it in action: .

## Installation

```

npm install --save deleted

```

Or with git

```

git clone https://github.com/johnotander/deleted.git

```

## Usage

Link the javascript and CSS files:

```html

  

  

  

  

  

```

Then, you can use deleted with the following link and data attributes:

```html



  Delete



```

#### A custom example

```html



  Custom Delete



```

## License

MIT

## Contributing

1. Fork it

2. Create your feature branch (`git checkout -b my-new-feature`)

3. Commit your changes (`git commit -am 'Add some feature'`)

4. Push to the branch (`git push origin my-new-feature`)

5. Create new Pull Request

***

> Crafted with <3 by [John Otander](http://johnotander.com) ([@4lpine](https://twitter.com/4lpine)).