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 | 时钟视图 |