Layout Components
Header

Header

💡
Folder location: src/components/header

Examples

import Header from 'components/header'
import { SearchInput, SearchInputWithCategory } from 'components/search-box'
 
// Example 1 - SalesLayout
export default function Example1() {
  return <Header midSlot={<SearchInputWithCategory />} />
}
 
// Example 2 - ShopLayout3
export default function Example2() {
 
  return (
    <Header
        isFixed={true}
        midSlot={
          <div
            style={{ marginInline: "auto" }}>
            <NavigationList />
          </div>
        }
    />
  );
}
 
// Example 3 - ShopLayout2
export default function Example3() {
  return <Header isFixed={true} midSlot={<SearchInput />} />
}

Views

Example-1

Example-2

Example-3

Used

Props

NameTypeRequiredDefault
isFixedbooleanOptional-
classNamestringOptional-
midSlotReactNodeYes-