@laser-ui/components
TypeScript icon, indicating that this package has built-in type declarations

1.6.1 • Public • Published

logo

Laser UI

npm latest package npm bundle size gitHub workflow status

English | 简体中文

Installation

npm install @laser-ui/components @laser-ui/hooks @laser-ui/themes @laser-ui/utils

Getting Started

import type { LContextIn } from '@laser-ui/components/context';

import { ConfigProvider, Root } from '@laser-ui/components';
import { useMemo } from 'react';

export default function App() {
  const lContext = useMemo<LContextIn>(
    () => ({
      layoutPageScrollEl: '#app-main',
      layoutContentResizeEl: '#app-content',
    }),
    [],
  );

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

Links

Contributing

Please read our contributing guide first.

License

gitHub license

Package Sidebar

Install

npm i @laser-ui/components

Weekly Downloads

148

Version

1.6.1

License

MIT

Unpacked Size

931 kB

Total Files

669

Last publish

Collaborators

  • xiejay