https://github.com/jifalops/drag-resize

A touch friendly resizable container with resize events.
https://github.com/jifalops/drag-resize

Last synced: 5 days ago
JSON representation

A touch friendly resizable container with resize events.

• Host: GitHub
• URL: https://github.com/jifalops/drag-resize
• Owner: jifalops
• License: mit
• Created: 2017-08-11T15:37:43.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-08-31T03:40:49.000Z (over 6 years ago)
• Last Synced: 2025-01-18T09:53:21.968Z (6 days ago)
• Language: HTML
• Size: 3.44 MB
• Stars: 6
• Watchers: 3
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Published on Vaadin  Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/jifalopsdrag-resize)

[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/jifalopsdrag-resize.svg)](https://vaadin.com/directory/component/jifalopsdrag-resize)

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/jifalops/drag-resize)

# drag-resize

A touch friendly draggable and/or resizable container.

## Installation

```

bower i -S jifalops/drag-resize      # Polymer 2.0 class based

bower i -S jifalops/drag-resize#^0.2 # Polymer 2.0 hybrid (1.x compatible)

```

## Usage

* Set which directions are draggable and which edges are resizable.

  All possibilities are enabled by default.

* Optional: set edge/corner borders, mouse cursors, corner gradient color.

* Optional: listen for `on-resize` or `on-drag` events.

## Demo

```html

  


```

Full demo:

[webcomponents.org](https://www.webcomponents.org/element/jifalops/drag-resize/demo/demo/index.html)

| [github](https://jifalops.github.io/drag-resize/components/drag-resize/demo/).

API: [webcomponents.org](https://www.webcomponents.org/element/jifalops/drag-resize/drag-resize)

## Contributing

1. Fork it on Github.

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. Submit a pull request

## License

[MIT](https://opensource.org/licenses/MIT)