@dpdfe/react-layout
TypeScript icon, indicating that this package has built-in type declarations

2.4.4 • Public • Published

react-layout

npm-image JavaScript Style Guide

Feature

  • 支持栅栏化布局响应式效果
  • 支持浮动布局效果
  • 支持混合(栅栏化、浮动)布局效果
  • 支持布局嵌套
  • 支持固定宽高和无限画布两种模式
  • 支持固定宽高修改画布大小、缩放
  • 支持画布滚动
  • 支持画布标尺
  • 支持外部拖拽添加
  • 支持布局元素拖动、放大、缩小、选中
  • 支持浮动布局元素键盘事件
  • 支持画布、元素属性效果自定义

Install

npm install --save @dpdfe/react-layout

Usage

文档 https://dpdfe.github.io/react-layout/

import React, { Component } from "react";

import { ReactLayout, ReactLayoutContext } from "@dpdfe/react-layout";
import "@dpdfe/react-layout/dist/index.css";

class Example extends Component {
    render() {
        return (
            <ReactLayoutContext>
                <ReactLayout></ReactLayout>
            </ReactLayoutContext>
        );
    }
}

License

MIT © https://github.com/DPDFE/react-layout

Readme

Keywords

none

Package Sidebar

Install

npm i @dpdfe/react-layout

Weekly Downloads

158

Version

2.4.4

License

MIT

Unpacked Size

2.57 MB

Total Files

44

Last publish

Collaborators

  • pearone
  • superhui
  • yuki_xu
  • jjjkkkhhhggg
  • bh20077