Solidoc-base-component-lib NPM

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