Light logoDark logoWidgetbook Docs
v4
Discord
943
DocsWidgetbook CloudCLI
Get Started
  • Why Widgetbook?
  • Install & Quick Start
  • Core Concepts
  • Code Generation
  • Migrating from v3
  • Demo
Stories
  • Overview
  • Modes
  • Mock Widgets & Screens
Testing
  • Overview
  • Layout Constraining
  • Accessibility Guidelines
  • Visual Tests
Documentation
  • Overview
  • DocBlocks
  • Custom Blocks
  • Styling Documentation
  • Customize
Agentic Engineering
  • Overview
  • Best Practices
GenUI
  • Overview
  • Build Your Catalog
  • Test the Catalog
Sharing
  • Embedding
  • Assets
  • Fonts
  • Hosting your Widgetbook
Configure
  • Root Widget
  • Initial Route
  • Home Widget
  • Header Widget
  • Widgetbook Theme
  • Scroll Behavior
  • Usage with Monorepo
  • Fields
  • Telemetry
Releases
  • What's new in v4
Contribute
  • Ways to Contribute
  • Getting Started
  • Contribution Workflow
  • Adding Example
  • PR Title Conventions
  • Code Review
  • Sync Your Fork
  • Quick Guide
Resources
  • Resources
  • FAQ

Header Widget

You can add a custom header to the navigation panel by providing a header parameter to the Config. This can be used for branding or additional information.

dart
widgetbook/lib/widgetbook.config.dart
final config = Config(
  // ...
  header: const MyCustomHeaderWidget(),
);
Home Widget
Widgetbook Theme
docs.pagebyInvertase·Privacy·Terms

On this page