@licuido-ui/ui_header v0.0.4

Header

Headers are compositions that extend standard navbar functionalities.

Author

• @author Hariharan hariharan@crayond.co

Link

Story Book Link Header

PlayGround

Try it have a fun codeBox

Installation

npm i @licuido-ui/ui_header

Import component

import { Header } from '@licuido-ui/ui_header';

Usage

<Header headerComponentList={[]} subHeaderComponentList={[]} />

Image

Sample Code

<Layout
  appBarProps={{}}
  appBarStyle={{}}
  toolBarStyle={{}}
  toolBarProps={{}}
  mobileMenuIconStyle={{}}
  subHeaderStyle={{}}
  headerComponentList={
    [
      {
        order: 1,
        component: <>Logo</>,
        style: {},
        mobileScreenActive: true,
      },
      {
        order: 2,
        component: <>Profile</>,
        style: {},
      },
      {
        order: 3,
        component: <>Menu</>,
        style: {},
      },
    ]
  }
  subHeaderComponentList={
    [
      {
        order: 1,
        component: <>Secondary Logo</>,
        style: {},
        mobileScreenActive: true,
      },
      {
        order: 3,
        component: <>Secondary Profile</>,
        style: {},
      },
      {
        order: 2,
        component: <>Secondary Menu</>,
        style: {},
      },
    ]
  }
/>

Props