Minimal Header Configuration

📦 Configuration

This is AppLayout with minimal header configuration. Header features:

✅ No logo (logo parameter not provided)
✅ Theme switcher enabled
✅ Sticky header
✅ Semi-transparent background
✅ Minimal height setting

💡 Code Example

const headerConfig = {
  // 不传递 logo，header 将不显示 logo
  showThemeSwitcher: true,
  sticky: true,
  height: '3xs',
  background: 'base-300/90',
};

<AppLayout
  metaConfig={{
    title: '页面标题',
    description: '页面描述',
    keywords: '关键词',
    author: '作者',
    robots: 'index, follow'
  }}
  headerConfig={headerConfig}
  showHeader={true}
  showFooter={false}
  showSidebar={false}>
  <!-- 您的页面内容 -->
  <h1>页面内容</h1>
</AppLayout>

🎨 Header Configuration Options

Header supports the following configuration options (all optional):

logo - Logo image (not displayed if not provided)
logoHref - Logo link URL
navItems - Navigation menu items
showThemeSwitcher - Show theme switcher (default: true)
sticky - Sticky header (default: true)
height - Header height
background - Background color
shadow - Shadow size

✨ Features

Minimalist design without logo
Core functionality retained (theme switcher)
Sticky at top, always visible when scrolling
Semi-transparent background for better visuals
Responsive design for all screen sizes

🎯 Use Cases

Personal blogs or article pages
Utility websites (no branding needed)
Internal management systems
Minimalist style websites
Scenarios needing theme switcher but no branding

🚀 Advanced Configuration

For more features, you can add:

logo - Add brand logo
navItems - Add navigation menu
Use navbar-start, navbar-center, navbar-end slots to customize navbar content
Add sidebar ( showSidebar={true} )
Add footer ( showFooter={true} )

Your main content area

💡 Tips

Since no logo parameter is provided, the header left area will be empty. If you want to display content on the left, you can:

Provide logo parameter to show branding
Use navbar-start slot to customize left content
Set navPosition="start" to display navigation items on the left