name: 说明文档
menu: 通用
solidoc-base-component-lib
React UI 库
👨🏻💻 说明
- 通用 UI 组件, 帮助快速构建 React 项目
📦 安装
npm i solidoc-base-component-lib
or
cnpm i solidoc-base-component-lib
or
yarn add solidoc-base-component-lib
⚙️ 使用
; const App = <div> <LayoutContainerTB6px> hello <Divider /> world </LayoutContainerTB6px> </div>;📁 组件列表
| 组件名称 | 描述 |
|---|---|
Layout布局组件 |
|
| 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日期组件 |
|
| DatePicker | 日期选择器 |
| KeyboardDatePicker | 支持键盘输入日期选择器 |
| TimePicker | 时间选择器 |
| KeyboardTimePicker | 支持键盘输入时间选择器 |
| DateTimePicker | 日期时间选择器 |
| KeyboardDateTimePicker | 支持键盘输入日期时间选择器 |
| Calendar | 日历 |
| TimePickerView | 时间选择器视图 |
| ClockView | 时钟视图 |