@mbjia/ui

Package

@mbjia/ui

基础 UI 组件包，适合在普通 React 页面中使用。它封装了按钮、弹窗、输入框、浮层、分页、文件选择等模板加常用基础能力。

查看组件文档工程前置条件

安装

npm install @mbjia/ui

何时使用

场景	是否推荐
普通 React 页面需要按钮、弹窗、输入框	推荐
只想接入轻量基础组件，不依赖素材/上传业务	推荐
需要素材库、上传、AI 搜索、权益流程	使用 @mbjia/components

导出组件

组件	说明
Button	AntD Button 二次封装，支持模板加主题样式
Modal	AntD Modal 二次封装，默认无 footer
Input	内部受控输入框，支持错误、ghost、debounce
DropDown	基于 Popup 的下拉选择
Popup	通用浮层/弹层
BreadCrumb	折叠面包屑
BreadCrumbLevels	可横向滚动的层级面包屑
Skeleton	骨架占位
Pagination	AntD Pagination 封装
HeadlessBaseBtn	只有 cursor 样式的基础按钮容器
Upload	基于 showPicker 的文件选择入口
SolidArrowSelect	多级下拉选择

示例

import { Button, Modal, Input } from '@mbjia/ui'

function Demo() {
  return (
    <Modal open title="示例">
      <Input placeholder="请输入名称" onChange={(e) => console.log(e.target.value)} />
      <Button mbjia>确定</Button>
    </Modal>
  )
}

详细 Props 见 基础 UI 组件。