@coloop-ai/allotment

拨款

反应分页组件 .

文档 • 妇女 实例 • 妇女 API 密码 • 妇女 更改日志

• 基于反应的 : 在您现有的基于反应的应用程序中不费努力地整合 .
• 行业标准外观和感觉: 比如VS代码的分拆视图执行? 你运气好! 此组件来源于同一代码库.
• 动态 : 要宣布添加并去除面板吗? 我们掩护你.
• 弹性 : 相扑板关闭,巢分裂视图,显示并隐藏相扑板,并持续大小跨重载.
• 类型 : 以 TypeScript 编写, 包含类型定义 .

快开始

npm install allotment

拨款需要反应17、18或19(react 财务报告和审定财务报表 react-dom 是同级依赖关系).

import { Allotment } from "allotment";
import "allotment/dist/style.css";

export const App = () => (
  <div style={{ height: 400 }}>
    <Allotment>
      <div>Pane A</div>
      <div>Pane B</div>
    </Allotment>
  </div>
);

分水岭会填充其母元素,所以要确保母元素有高. 见 财务问题 如果什么都没有显示.

文档

这个 文档 有一些活生生的例子 说明分配可以做什么.

• 开始
• 特征 : 版式, (中文(简体) ), 缩放, (中文(简体) ), 响起, (中文(简体) ), 筑巢, (中文(简体) ), 添加并删除窗体, (中文(简体) ), 可见度 财务报告和审定财务报表 重新设置和调整大小
• 如何引导 : 样式, (中文(简体) ), 持续规模 财务报告和审定财务报表 服务器渲染和下一个.js
• API : (英语) 概览, (中文(简体) ), Allotment 财务报告和审定财务报表 Allotment.Pane
• 财务问题

替代品

拨款旨在再现VS Code分裂观点的行为. 如果你需要不同的东西, 反应-可逆小板 是个很流行的选择.

捐款

欢迎捐款! 见 贡献指南 开始,请跟随 行为守则。 。 。 .

显著变化记录在 更改日志。 。 。 .

许可证

拨款在 MIT 许可证。 。 。 .