wmk-layout v1.1.1

Layout

Copyright

const Copyright = ({children, className, id})...
<Copyright>Company Name. Copyright text goes here.</Copyright>

Header

const Header = React.forwardRef(({ children, className, style }, ref)...
<Header className="main-header" style={{color: 'blue'}}><Menu /><Header/>

Component renders copyright text with symbol and date.

FlexSpacer

const FlexSpacer = ({ className, id })...
<FlexSpacer />

Component will fill vertical space in flex layouts.

MainLayout

const MainLayout = ({ children, Header, Footer })...
<MainLayout><Content /></MainLayout>

Puts content into main element and inserts header and footer components.

Sticky

const Sticky = ({Alert, className, children, absolute, style, zIndex, width, trigger})...
<Sticky Alert={AlertBar}><Header /></Sticky>