ReactUI
---
name: 说明文档
React UI 库
- 通用 UI 组件, 帮助快速构建 React 项目
``
npm i solidoc-base-component-lib
or
cnpm i solidoc-base-component-lib
or
yarn add solidoc-base-component-lib
`js
import { LayoutContainerTB6px, Divider } from "solidoc-base-component-lib";
const App = () => (
$3
| 组件名称 | 描述 |
| -------------------------------- | -------------------------- |
|
| |
| MainContainerTB6px | 主容器布局, 上 8px 下 8px |
| LayoutContainerTB | 布局容器, 上 0px 下 0px |
| LayoutContainerTB6px | 布局容器, 上 6px 下 6px |
| LayoutContainerTB8px | 布局容器, 上 8px 下 8px |
| LayoutContainerT6px | 布局容器, 上 6px 下 0px |
| LayoutContainerB6px | 布局容器, 上 0px 下 6px |
| Divider | 分割线 |
| Data Display数据展示 | |
| Display | 通用标题组件 |
| SidebarSwitch | 侧边栏切换组件 |
| Navigation导航栏 | 侧边栏切换组件 |
| Breadcrumb | 面包屑组件 |
| StickyBlockBox | 锚点导航栏组件 |
| Emoji组件 | |
| ChangeIconMenu | 点击更换图标组件 |
| ShowEmoji | emoji 渲染组件 |
| SearchEmoji | emoji 查找组件 |
| 菜单组件 | |
| Menu | 菜单组件 |
| MainMenu | 主菜单 |
| SubMenu | 子菜单 |
| 菜单: base-component基础组件 | |
| SmallIconView | 小图标组件 |
| MediumIconView | 中图标组件 |
| BigIconView | 大图标组件 |
| EmojiIconView | emoji 图标组件 |
| DragView | 拖拽组件 |
| ColorView | 颜色组件 |
| 菜单: other-component其他组件 | |
| FilterInputView | 过滤组件 |
| GroupTitleView | 分组标题组件 |
| HintText | 提示文本 |
| HintButton | 提示按钮 |
| 菜单: complex-componen复杂组件 | |
| DragGroupView | 拖拽组合组件 |
| SelectGroupView | 单选组合组件 |
| 菜单: user-component用户组价 | |
| UserInfoView | 显示用户信息的组件 |
| UserWorkView | 显示用户工作区域的组件 |
| UserAddButton | 一个带添加按钮的组件 |
| 菜单: sub-component子组件 | |
| Text | 纯文本组件 |
| Arrow | 箭头组件 |
| ShortcutsKey | 快捷键 ⌘+C |
| SwitchButton | 开关 |
| SelectButton | 选择框 |
| MoreButton | 更多按钮 |
| SelectedIcon | 选中图标 ✔️ |
| 菜单:其他拓展组件 | |
| Draggable | 拖拽组组件 |
| SubPopover | 快捷键按钮(弹出子菜单) |
| DraggableList | Spring 动画拖拽组件 |
| Data日期组件` | |