Skip to content

DevCloudFE/react-devui

Folders and files

NameName
Last commit message
Last commit date
Mar 1, 2023
Nov 17, 2021
Jul 3, 2023
Dec 13, 2021
Nov 8, 2023
Jun 2, 2024
Nov 12, 2021
May 17, 2023
Jun 25, 2023
Sep 21, 2022
Nov 12, 2021
Oct 10, 2022
Nov 12, 2021
Nov 12, 2021
Aug 22, 2022
Mar 10, 2023
Dec 13, 2021
Jul 10, 2023
Nov 12, 2021
Dec 9, 2022
Nov 12, 2021
Dec 16, 2022
Dec 16, 2022
Nov 12, 2021
Feb 24, 2023
Aug 23, 2022
Aug 19, 2022
Jul 10, 2023
Nov 22, 2022
Oct 16, 2023
May 8, 2023
Sep 14, 2022
May 30, 2023

Repository files navigation

DevUI logo

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

Please read our contributing guide first.

Need unit test support (Jest) 🤝.

License

gitHub license