文件名称:一个简单的 React 组件,可通过手柄调整大小。
文件大小:173KB
文件格式:ZIP
更新时间:2024-06-28 09:37:49
React Component Libraries
React-Resizable 查看演示 一个简单的小部件,可以通过一个或多个手柄调整大小。 您可以直接使用该元素,也可以使用更简单的元素。 有关更多详细信息,请参阅 TestLayout 和 ResizableBox 中的示例和相关代码。 确保您使用 /css/styles.css 中的关联样式,因为没有它们,您将在处理位置和可见性方面遇到问题。 您可以使用属性 draggableOpts 将选项直接传递给底层 DraggableCore 实例。 有关更多信息,请参阅演示。 使用 npm 安装: $ npm install --save react-resizable 用法 const Resizable = require('react-resizable').Resizable; // 或者, const ResizableBox = require('react-resizable').ResizableBox; // ES6 import { Resizable, ResizableBox } from 'react-resizable'; // ... render() {
【文件预览】:
react-resizable-master
----css()
--------styles.css(2KB)
----.eslintrc(701B)
----.babelrc(287B)
----index.js(285B)
----flow-typed()
--------npm()
----.flowconfig(429B)
----package.json(2KB)
----__tests__()
--------Resizable.test.js(10KB)
--------ResizableBox.test.js(3KB)
--------__snapshots__()
----.github()
--------PULL_REQUEST_TEMPLATE.md(274B)
--------ISSUE_TEMPLATE.md(447B)
----jest.config.js(454B)
----LICENSE(1KB)
----setupTests()
--------enzyme.js(133B)
----.npmignore(98B)
----examples()
--------ExampleLayout.js(10KB)
--------example.js(298B)
--------example.css(2KB)
--------1.html(990B)
----.gitignore(244B)
----webpack.config.js(1KB)
----.browserslistrc(22B)
----CHANGELOG.md(6KB)
----lib()
--------utils.js(537B)
--------ResizableBox.js(3KB)
--------Resizable.js(8KB)
--------propTypes.js(4KB)
----README.md(5KB)
----yarn.lock(356KB)
----build.sh(467B)