🦭 walrus

Bunch of ES modules to use in bundled frontends.

common style

import {globalStyle} from '@twinlify/walrus';

const GlobalStyle = createGlobalStyle`${globalStyle}`;

const createApp = () => (
  <>
    <GlobalStyle />
    <App />
  </>
);

common header

import {Header as CommonHeader} from '@twinlify/walrus';

const App = () => {
  return (
    <CommonHeader subtitle="Your App" onSubtitleClick={() => console.log('click')}>
      ...children
    </CommonHeader>
  );
};

components

import {ReloadAnchor, ScrollToTop} from '@twinlify/walrus';

const createApp = () => (
  <>
    <ScrollToTop />
    <ReloadAnchor />
    <App />
  </>
);