React DevUI

npm latest package npm bundle size gitHub workflow status

English | 简体中文

Installation

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

Getting Started

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

Links

Contributing

License