AppWrapper

Contains the Header & Navigation of https://coders.tokyo/

https://www.npmjs.com/package/@coders-tokyo/app-wrapper

Document

• Component structure
• Module naming
• Style

Usage

with user model

import { AppWrapper, appWrapperStyle } from './app-wrapper';

<style dangerouslySetInnerHTML={{ __html: appWrapperStyle }} />

const user = {
  name: 'abc';
  picture: 'avatar.png';
};

<AppWrapper user={user}>
  <main>Hello World</main>
</AppWrapper>

without user model

import { AppWrapper, appWrapperStyle } from './app-wrapper';

<style dangerouslySetInnerHTML={{ __html: appWrapperStyle }} />

<AppWrapper>
  <main>Hello World</main>
</AppWrapper>

Props

user?

User { name, picture? }

User information