UI components based on React and DevUI Design
| Files | Last commit | Last 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 |
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>
);
}
链接
贡献
请先阅读我们的贡献指南。
需要单元测试支持(Jest) 🤝。