@fluxScripts
```
## Related
- [Sidebar](https://fluxui.dev/layouts/sidebar) - Create primary or secondary navigation sidebars
- [Brand](https://fluxui.dev/components/brand) - Display your company logo and name consistently
- [Navbar](https://fluxui.dev/components/navbar) - Build responsive navigation bars with dropdown menus
- [Profile](https://fluxui.dev/components/profile) - Show user avatars and profile information
## Reference
### flux:header
**Prop:**
- `sticky` - When present, makes the header sticky when scrolling.
- `container` - When present, constrains the header content to a container width.
**Slot:**
- `default` - Content to display within the header, typically including branding, navigation, and user profile elements.
**CSS:**
- `class` - Additional CSS classes applied to the header. Common uses: `bg-zinc-50`, `border-b`, `sticky`, etc.
### flux:sidebar.toggle
**Attribute:**
- `icon` - The icon to display in the toggle button (e.g., `bars-2`, `x-mark`).
- `inset` - Positioning of the toggle button (e.g., `left`).
**CSS:**
- `class` - Additional CSS classes applied to the toggle button. Common uses: `lg:hidden` to show only on mobile.
### flux:main
**Prop:**
- `container` - When present, constrains the main content to a container width.
**Slot:**
- `default` - Content to display within the main content area.