Usage no npm install needed!

<script type="module">
  import hixmeUiAppLayout from 'https://cdn.skypack.dev/@hixme-ui/app-layout';
</script>

README

App Layout

npm i --save @hixme-ui/app-layout

View it live

AppLayout is an all-in-one menu and sidebar.

Usage

import AppLayout from '@hixme-ui/app-layout'

const SidebarContent = () => (
  <div>
    {/* sidebar stuff */}
  </div>
)

const HeaderContent = () => (
  <div>
    {/* header stuff */}
  </div>
)

<AppLayout 
  HeaderComponent={HeaderContent} 
  SidebarComponent={SidebarContent}
>
  {children}
</AppLayout>

Props

Name	Type	Default
sidebarWidth	string	'225px'
children	node	N/A
HeaderComponent	function	() => null
SidebarComponent	function	() => null
open	boolean	false
fixed	boolean	false
contentBackgroundColor	string	'#E5ECF1'