1.0.3 • Published 3 years ago
@hypesync/layout v1.0.3
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.