@blocklet/launcher-layout

Client side library to work with ABT Launcher by ArcBlock.

Usage

import React from 'react';
import { useTheme } from '@arcblock/ux/lib/Theme';
import { LocaleProvider } from '@blocklet/launcher-layout/Locale/context';
import { ThemeProvider } from '@blocklet/launcher-layout/lib/theme-provider';
import { StepProvider } from '@blocklet/launcher-layout/lib/context/step';
import Layout from '@blocklet/launcher-layout';

Layout

return (
  <LocaleProvider translations={[]}>
    <StepProvider steps={steps}>
      <Layout blockletMeta={blockletMeta} loading={false} navSubTitle="Restore">
        This is page content
      </Layout>
    </StepProvider>
  </LocaleProvider>
);

Custom theme

const theme = create({
  typography: {
    fontSize: 14,
  },
  palette: {
    primary: {
      main: '#1dc1c7',
      contrastText: '#fff',
    },
    secondary: {
      main: '#1976d2',
      contrastText: '#fff',
    },
  },
});

return (
  <LocaleProvider translations={[]}>
    <StepProvider steps={steps}>
      <Layout blockletMeta={blockletMeta} loading={false} navSubTitle="Launching" theme={theme}>
        This is page content
      </Layout>
    </StepProvider>
  </LocaleProvider>
);