# react-draggable-tags

**Repository Path**: codeyhj_admin/react-draggable-tags

## Basic Information

- **Project Name**: react-draggable-tags
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-09
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-draggable-tags
[![Version](https://img.shields.io/npm/v/react-draggable-tags?logo=npm&style=flat-square&color=blue)](https://www.npmjs.com/package/react-draggable-tags)
[![Downloads](https://img.shields.io/npm/dm/react-draggable-tags.svg?logo=npm&style=flat-square&color=blue)](https://www.npmjs.com/package/react-draggable-tags)
[![License](https://img.shields.io/github/license/YGYOOO/react-draggable-tags.svg?style=flat-square)](LICENSE)   

[![](https://img.shields.io/github/followers/YGYOOO.svg?label=Follow&style=social)](https://github.com/YGYOOO)
[![](https://img.shields.io/badge/Follow%20@卧槽竟然是YGY的微博--brightgreen.svg?logo=Sina%20Weibo&style=social)](https://weibo.com/u/5352731024)
[![](https://img.shields.io/badge/Follow%20@YGYOOO--brightgreen.svg?logo=Twitter&style=social)](https://twitter.com/YGYOOO)


A flexible, lightweight(<20kb) and easy-to-use draggable component. It also works on mobile now :)    

一个轻量级的拖拽排序组件。该组件封装了一系列拖拽功能，可以灵活使用，也未提供任何样式，完全由你来控制（不一定是“tag”，你可以放入任意组件来拖拽排序）。支持移动端。

## Installation
```sh
npm install --save react-draggable-tags
```

```js
import {DraggableArea} from 'react-draggable-tags';
```

## Documentation and Demo
https://ygyooo.github.io/react-draggable-tags

## Demo Code
https://github.com/YGYOOO/react-draggable-tags/tree/master/example

## Screenshots
<img src="https://github.com/YGYOOO/react-draggable-tags/raw/master/imgs/AddAddDelete.gif" width="270">
<img src="https://github.com/YGYOOO/react-draggable-tags/raw/master/imgs/CrossAreaDrag.gif" width="540">
<img src="https://github.com/YGYOOO/react-draggable-tags/raw/master/imgs/TagsInTags.gif" width="650">
<img src="https://github.com/YGYOOO/react-draggable-tags/raw/master/imgs/DraggableList.gif" width="270">