splitter:React组件,用于像VS Code中那样构建拆分视图

时间:2024-03-26 14:24:35
【文件属性】:

文件名称:splitter:React组件,用于像VS Code中那样构建拆分视图

文件大小:6.39MB

文件格式:ZIP

更新时间:2024-03-26 14:24:35

react javascript resize typescript split

分离器 Splitter是一个React组件,允许您将视图拆分为可调整大小的面板。 例如,类似于Visual Studio Code中的选项卡。 它在 (面向开发人员的搜索引擎)中使用。 这是您可以使用Splitter构建的gif图像: Splitter受到启发,写为100%功能组件: 所有大小的计算都是通过CSS使用calc来完成的 全面响应 除了React和Styled-Components之外,没有其他依赖项 关于样式和视图的最小假设 正在安装 npm install @devbookhq/splitter # or yarn add @devbookhq/splitter 用法 水平分割 import ReactSplit , { SplitDirection } from '@devbookhq/splitter' function MyComponent ( ) {


【文件预览】:
splitter-master
----rollup.config.js(848B)
----public()
--------manifest.json(492B)
--------index.html(2KB)
--------robots.txt(67B)
--------favicon.ico(4KB)
--------logo512.png(9KB)
--------logo192.png(5KB)
----example.gif(8.5MB)
----yarn.lock(497KB)
----src()
--------pair.ts(1KB)
--------index.tsx(12KB)
--------utils()
--------state()
--------index.css(391B)
--------useEventListener.ts(380B)
--------Gutter.tsx(2KB)
----.npmignore(87B)
----example()
--------public()
--------src()
--------tsconfig.json(520B)
--------package-lock.json(672KB)
--------package.json(652B)
----tsconfig.json(661B)
----LICENSE(1KB)
----README.md(2KB)
----.gitignore(555B)
----package-lock.json(209KB)
----package.json(1KB)

网友评论