Skip to content

laser-ui/laser-ui

Repository files navigation

logo

Laser UI

npm latest package npm bundle size gitHub workflow status

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