HypeSync Layout Components

Layout components for landing pages built with React and Material UI.

↪️ Dependencies

• React 16.x or newer
• Material UI 4.x or newer

🚀 Getting Started

npm install --save @hypesync/layout

yarn add @hypesync/layout

⚛️ Components

Name | Description ------ | ------ PageLayout | Creates the basic page structure. PageContainer | Content container with the necessary default padding.

💻 Usage

import {Header, Footer} from '@example/header-footer'
import {PageLayout, PageContainer} from '@hypesync/layout'

export function MyLandingPage() {
  return (
    <PageLayout>
      <Header>Landing Page Co.</Header>
      <PageContainer>
        My Properly Styled Content Container
      </PageContainer>
      <Footer>Copyright © Landing Page Co. All rights reserved.</Footer>
    </PageLayout>
  )
}

License

MIT © HypeSync Inc.