UI components based on React and DevUI Design

文件	最后提交记录	最后更新时间
.github	chore: build site with different versions	3 年前
.husky	chore: update stylelint	4 年前
.vscode	chore: update setting of vscode	3 年前
.yarn	feat(ui): add `input` component	4 年前
packages	test(ui): add Breadcrumb test cases	2 年前
tools	fix(utils): adapte Windows-style and POSIX-style path separator	2 年前
.codecov.yml	init	4 年前
.eslintrc.json	style: import scss with new line	3 年前
.gitattributes	chore: add `.gitattributes`	3 年前
.gitignore	feat: add data generater for base64	3 年前
.npmrc	init	4 年前
.nvmrc	refactor!: refactor the project	3 年前
.prettierignore	init	4 年前
.prettierrc	init	4 年前
.stylelintignore	chore(vscode-extension): optimize `collectCoverageFrom` generation	3 年前
.stylelintrc	fix: fix gap not support in old browser	3 年前
.yarnrc	feat(ui): add `input` component	4 年前
CHANGELOG.md	chore: release 18.6.2	2 年前
CODE_OF_CONDUCT.md	init	4 年前
CONTRIBUTING.md	docs: update `README`	3 年前
LICENSE	init	4 年前
README.md	docs: update `README`	3 年前
README.zh-CN.md	docs: update `README`	3 年前
babel.config.json	init	4 年前
commitlint.config.js	chore: commitlint add `revert` type	3 年前
jest.config.js	test(ui): add button test	3 年前
jest.preset.js	feat: add vscode extension	3 年前
lerna.json	chore: release 18.6.2	2 年前
nx.json	chore: update deps	3 年前
package.json	test(ui): add Alert component test cases	2 年前
tsconfig.base.json	chore: update lib to es2020	3 年前
workspace.json	feat: add platform template	3 年前
yarn.lock	chore(platform): eslint add react-refresh	3 年前

React DevUI

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>
  );
}