solidoc-base-component-lib
v1.4.5
Published
ReactUI
Downloads
7
Readme
name: 说明文档
menu: 通用
React UI 库
👨🏻💻 说明
- 通用 UI 组件, 帮助快速构建 React 项目
📦 安装
npm i solidoc-base-component-lib
or
cnpm i solidoc-base-component-lib
or
yarn add solidoc-base-component-lib
⚙️ 使用
import { LayoutContainerTB6px, Divider } from "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 | 时钟视图 |