@hixme-ui/app-layout

hixme-ui AppLayout component

Stats

StarsIssuesVersionUpdatedCreatedSize
@hixme-ui/app-layout
2.0.0-alpha.124 months ago4 years agoMinified + gzip package size for @hixme-ui/app-layout in KB

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'

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.