react-sortable-pane
made with React

react-sortable-pane

这是一个可调整大小、排序的窗格组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

react-sortable-pane是一个可调整大小、排序的React的组件,可以创建垂直和水平可拖动窗格。

安装

Npm

npm i react-sortable-pane

Yarn

yarn add react-sortable-pane 

使用

import * as React from 'react';
import { SortablePane, Pane } from 'react-sortable-pane';

export default function SimpleUncontrolledExample() {
  const panes = [0, 1, 2].map(key => (
    <Pane key={key} defaultSize={{ width: '100%', height: 120 }}>
      00{key}
    </Pane>
  ));
  return (
    <div>
      <SortablePane direction="vertical" margin={20} defaultOrder={['0', '1', '2']}>
        {panes}
      </SortablePane>
    </div>
  );
}

示例

作者

bokuweb

相关项目

这是一个动画加载骨架组件。
这是一个是一个iOS,Android和React Native库。
这是一个可以将SVG图片有变换效果的组件。
这是一个基于React.js粒子效果组件。
这是一个根据页面滚动位置旋转元素的组件。
这是一个基于React.js的动画对话框的集合。