react-dumi-ui

react-dumi-ui 是基于 React 的 UI 组件库，主要用于日常项目开发使用。

使用 npm 安装

npm i react-dumi-ui

Button 示例

import React, { useState } from 'react';
import { Button } from 'react-dumi-ui';

ReactDOM.render(
  <>
    <Button type="primary">Primary Button</Button>
    <Button type="dashed">Dashed Button</Button>
    <Button type="text">Text Button</Button>
    <Button type="link">Link Button</Button>
  </>,
  mountNode,
);

Modal 示例

import React, { useState } from 'react';
import { Button, Modal } from 'react-dumi-ui';

export default () => {
  const [isVisible, setIsVisible] = useState(false);

  return (
    <>
      <Button type="primary" onClick={() => setIsVisible(true)}>
        Open Modal
      </Button>
      <Modal
        title="Basic Modal"
        visible={isVisible}
        onOk={() => setIsVisible(false)}
        onCancel={() => setIsVisible(false)}
      >
        <p>1、This is contents...</p>
        <p>2、This is contents...</p>
      </Modal>
    </>
  );
};

组件链接

• Button
• Space
• Divider
• Tag
• Modal
• Animation
• Loading

更新日志

• v1.2.0

如何创建

create project，提供大家如何创建一个自己的 UI 组件库。

如何发布一个组件库

How to publish a UI component library