/mui

基于antd封装的组件库

Primary LanguageTypeScriptMIT LicenseMIT

M Design

一套企业级 UI 设计语言和 React 组件库。

CI status codecov

✨ 特性

  • 🌈 提炼自企业级中后台产品的交互语言和视觉风格。
  • 📦 开箱即用的高质量 React 组件。
  • 🛡 使用 TypeScript 开发,提供完整的类型定义文件。
  • ⚙️ 全链路开发和设计工具体系。
  • 🌍 数十个国际化语言支持。
  • 🎨 深入每个细节的主题定制能力。

🖥 兼容环境

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

📦 安装

npm install @m-design/mui --save
yarn add @m-design/mui

🔨 示例

import { Button, DatePicker } from '@m-design/mui';

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
    <DatePicker />
  </>
);

引入样式:

import '@m-design/mui/dist/mui.css'; // or '@m-design/mui/dist/mui.less'

🛡 TypeScript

参考 在 TypeScript 中使用

🌍 国际化

参考 国际化文档