react-devui:基于 React 生态的 UI 组件库项目

UI components based on React and DevUI Design

Branch7Tags53
FilesLast commitLast update
3 years ago
4 years ago
2 years ago
4 years ago
2 years ago
2 years ago
4 years ago
3 years ago
3 years ago
3 years ago
4 years ago
3 years ago
4 years ago
4 years ago
3 years ago
3 years ago
4 years ago
2 years ago
4 years ago
3 years ago
4 years ago
3 years ago
3 years ago
4 years ago
3 years ago
3 years ago
3 years ago
2 years ago
3 years ago
2 years ago
3 years ago
3 years ago
3 years ago

DevUI logo

React DevUI

npm latest package npm bundle size gitHub workflow status

English | 简体中文

安装

yarn add @react-devui/ui @react-devui/icons @react-devui/hooks @react-devui/utils

快速开始

import type { DRootProps } from '@react-devui/ui';

import { useMemo } from 'react';

import { DRoot } from '@react-devui/ui';

export default function App() {
  const rootContext = useMemo<DRootProps['context']>(
    () => ({
      layout: { pageScrollEl: '#app-main', contentResizeEl: '#app-content' },
    }),
    []
  );

  return (
    <DRoot context={rootContext}>
      <main id="app-main" style={{ overflow: 'auto' }}>
        <section id="app-content" style={{ height: '200vh' }}>
          Some content...
        </section>
      </main>
    </DRoot>
  );
}

链接

贡献

请先阅读我们的贡献指南

需要单元测试支持(Jest) 🤝。

授权协议

gitHub license

Introduction

基于React和DevUI设计的用户界面组件【此简介由AI生成】

Customize your domain