react-spaces：React组件，使您可以将页面或容器划分为可嵌套的锚定，可滚动和可调整大小的空间

preview
共82个文件
tsx：26个
mdx：26个
ts：8个
react
components
web
reactjs
web-ui
需积分: 37 0 下载量 153 浏览量 2021-02-05 22:08:31 上传 评论 收藏 325KB ZIP 举报
资源详情
资源评论
评论 收藏
鑨鑨
  • 粉丝: 30
  • 资源: 4653
上传资源 快速赚钱
voice
center-task 前往需求广场，查看用户热搜

相关推荐

zip

react-lite-space:React空间组件

React Lite空间 对空间进行React。 演示 用法 npm i --save react-lite-space 道具，只能使用其中之一，可以是垂直的也可以是水平的： 内联CSS的width值，默认为100% 内联CSS的height值，默认为'1em' React = require ' react ' Space = React . createFactory require
zip

用于高级 React Web 应用程序的可调整大小的 Flex 布局容器组件

关于 Re-F|ex Re-F|ex 是我创建的一个基于 React flex 的布局组件库，因为我在那里发现的组件都不能满足我的要求。 它旨在以一种简单的方式满足需要可调整大小的布局的高级 React Web 应用程序的需求。 这是一个基本的演示： import ReactDOM from 'react-dom' import React from 'react' import { Reflex
zip

re-position:在一个灵活的React组件中全部拖动，调整大小和旋转

复位 在一个灵活的React组件中全部拖动，调整大小和旋转。 由于浏览器如何进行CSS转换计算的本质，将直观的调整大小和旋转手柄组合起来比您想象的要难（矩阵数学有人吗？）。 让re-position为您完成艰苦的工作。 示例项目 Javascript示例（即将推出）
zip

学习使用ReactDnD实现嵌套列表的拖拽排序

学习使用ReactDnD实现嵌套列表的拖拽排序
zip

react-layout-library:基于样式化组件的库，为布局提供统一的界面

React Layout库 通过将指定的道具（例如mt （代表margin-top ）和ml以px单位）添加到组件中，React Layout库用于布局React组件的统一系统。 通过将高阶组件（HOC）应用于组件来添加道具。 除此之外，该库还提供了用于为阴影创建统一样式的HOC，以及用于轻松布局的FlexBox组件。 注意：您可以将这些HOC彼此分开使用。 用法 检查以获得更深入的使用。
zip

react-sortable-tree：用于嵌套数据和层次结构的拖放式可排序组件

React可排序树 一个用于对分层数据进行拖放式可排序表示的React组件。 查看，以演示一些基本功能和高级功能。 目录 入门 使用npm安装react-sortable-tree 。 # NPM npm install react-sortable-tree --save # YARN yarn add react-sortable-tree 每个发行版均提供ES6和CommonJS构建。
pdf

JS实现左右拖动改变内容显示区域大小的方法

本文实例讲述了JS实现左右拖动改变内容显示区域大小的方法。分享给大家供大家参考。具体如下： 这里演示左右可拖动的内容显示区效果，左右拖动红条改变显示区域宽度大小，往左拖则全部显示右侧内容，往右拖则全部显示左则内容，类似QQ的聊天窗口一样，可以向上或向下拖动大小，以适合使用者的要求。本代码完全JavaScript与CSS代码结合实现，在各主流浏览器内运行的兼容性也不错，左右拖动改变大小的JS代码推荐
zip

space-x-missions：一个与space-x API交互的React Web应用

X太空任务 一个使用space-x API React前端
zip

speaker-space-react:React对Speaker Space项目的实施

您将需要全局使用browserify来构建它。 npm install npm run build
zip

React组件可让您将页面或容器划分为可嵌套的锚定，可滚动和可调整大小的空间。-React开发

React Spaces React Spaces允许您将页面或容器HTML元素划分为多个空格。 这些空间知道如何相互影响，也可以分为更多的嵌套空间。 查看完整文档React Spaces React Spaces允许您将页面或容器HTML元素划分为多个空格。 这些空间知道如何相互影响，也可以分为更多的嵌套空间。 在此处查看完整的文档。 顶层空间在所有其他空间的顶层使用。 该空间将占据浏览器窗口的
zip

react-reactdnr采用Reactjs构建的可拖动和可调整大小的窗口

在"react-dnr"项目中，我们看到一个专门针对React.js设计的组件，允许用户创建可拖动和可调整大小的窗口。这样的功能对于创建桌面式的Web应用或者需要高度交互性的网页非常有用。 **React组件化开发** React的核心...
zip

react-reactsortablepane可排序的和可调整大小的React面板组件

`react-sortable-pane`就是为了解决这类问题而设计的一个强大的库，它是一个专为React开发者打造的可排序和可调整大小的面板组件。这个组件使你能轻松地在应用程序中创建出灵活多变的布局，提升用户体验。 `react-...
zip

react-reactscrollbarReact的滚动条组件

1. **样式可定制化**：通过CSS样式，你可以完全自定义滚动条的外观，包括颜色、大小、形状等，使其与你的应用设计保持一致。 2. **轻量级**：`react-scrollbar`是为React设计的，因此它充分利用了React的状态管理和...
zip

react-reactscrollReact滚动组件

在React生态系统中，React-Scroll是一个非常有用的库，它专门设计用于实现平滑滚动效果，尤其是在Web应用程序中。这个库提供了React组件，可以方便地控制页面的滚动行为，包括元素定位、平滑滚动以及自定义滚动条...
zip

react-reactresizableandmovable可调整大小可拖动的React

`Resizable`组件允许用户通过鼠标或触摸事件改变元素的大小，而`Movable`组件则使元素可以在容器内自由移动。这两个组件可以单独使用，也可以结合使用，以实现同时具备大小调整和拖动功能的元素。 首先，让我们看看...
star 5星 · 资源好评率100%
zip

react-reactresizablebox可调整大小的React组件

`react-resizable-box`是一个React组件，专为实现可调整大小的功能而设计。这个组件使用户能够在界面上动态调整元素的尺寸，为开发具有高度交互性和自定义布局的应用提供了便利。 在React应用中，`react-resizable-...
zip

react-ReactScrollTo一个React组件可以帮助滚动页面至指定位置

React ScrollTo是一个专门为React开发的组件，它提供了一个方便的方式来实现页面或特定元素的平滑滚动功能。在React应用中，我们经常需要处理用户交互，比如点击按钮后将页面滚动到某个特定位置，或者在数据加载后...
zip

react-reactdraggableReact可拖拽组件

`react-draggable`是Mza Briskie开发的一个开源项目，它允许我们将任何React组件转化为可拖动的元素，极大地增强了应用的用户体验。在本文中，我们将深入探讨`react-draggable`组件及其核心概念、用法和最佳实践。 ...
zip

React-reactdock可调整大小可停靠的React组件

在React的世界中，`react-dock`是一个非常实用的第三方库，它允许开发者创建可调整大小且可停靠的组件，非常适合用作对话框或侧边栏等元素。 `react-dock`库的核心功能在于提供了一个可定制化的 dock 组件，用户...
zip

react-reacttext一个简单的React国际化解决方案

1. **组件化翻译**：React-text允许开发者将翻译的文本封装在组件中，这样每个组件都可以有自己的翻译资源，而不是在整个应用中全局管理。这种做法提高了代码的可维护性和可复用性。 2. **动态加载**：通过React-...
zip

react-该react组件用于数字滚动插件特别适用用于金额的滚动效果

这个特定的组件——"react-num-wheel"，正是为了实现一种特殊的效果：数字滚动。这在显示金融数据，如交易金额、股价或者统计数据时非常有用，因为它可以吸引用户的注意力并增强视觉体验。在金融应用或任何涉及动态...
zip

react-reactsmoothscrollbar平滑滚动条的React实现

`react-smooth-scrollbar`提供了许多可配置的属性，例如` thumb.minSize`（设置滚动条最小宽度/高度）、`overscroll`（控制是否允许超过边界滚动）和`renderThumbHorizontal/Vertical`（自定义水平/垂直滚动条的样式...
zip

react-React水印组件支持图片水印文字水印

2. **易于配置**：该组件提供了一系列可配置的参数，如水印位置、角度、透明度、大小等，使得开发者能够调整水印以适应不同的设计需求。 3. **高性能**：由于React的组件化特性，此水印组件能够高效地渲染，不会对...
star 5星 · 资源好评率100%
zip

前端开源库-react-perfect-scrollbar

`react-perfect-scrollbar` 库便解决了这些问题，它提供了高度可定制化的滚动条，允许开发者调整其外观、行为以及添加额外的交互功能。 **核心特性：** 1. **完全自定义样式** - `react-perfect-scrollbar` 允许...
zip

react-dnd-nested:react-dnd 嵌套使用详解

右侧为编辑区，可以将组件拖进去组成页面 右侧编辑区内已拖拽的小组件可以在内部继续拖拽进行排序 技术栈 react、react-dom、mobx、mobx-react、react-dnd 实现逻辑 数据结构设计 属性 类型 说明 id Number 组件id...
zip

react使用高德地图react-amap：Markers、Circle、ContextMenu、自定义ContextMenu

通过引入`react-amap`，我们可以轻松地将地图功能集成到React应用中，提高代码的可维护性和可复用性。 2. **Map组件**: 这是`react-amap`的核心组件，用于创建地图实例。通过设置`center`属性来指定地图的中心点，`...
zip

React-Native 实现点击Tab标签切换Tab页面

npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view # 或者使用yarn yarn add @react-navigation/...
star 5星 · 资源好评率100%
zip

react-native-drag-resize:React Native组件用于可拖动和可调整大小的操作

React Native组件，用于可拖动和可调整大小的操作。 展示案例 入门 安装 $ npm i react-native-drag-resize --save 基本用法 安装react-native-drag-resize软件包以进行项目 导入模块到文件 import { ...
zip

react-基于react的自定义滚动条组件

本文将详细讲解如何基于React创建一个自定义滚动条组件，并探讨相关的关键知识点。 首先，React是一个流行的JavaScript库，用于构建用户界面，特别是单页应用。它采用声明式编程风格，使得代码易于理解和维护。在...
zip

react-reactsplitpaneReact拆分面板组件

在React生态系统中，React-split-pane是一个非常实用的库，它允许开发者在应用中创建可调整大小的拆分面板。这个组件使用户能够动态地分割视图，通常用于展示两个或多个相关的数据区域，如代码编辑器和预览窗口，...