App Header

Standard application header with title, search slot, and actions.

layout stable packages/design-system/src/components/svelte/AppHeader.svelte
Surface
Viewport

Component preview for App Header

Presets

Props

Main title displayed in the header
Whether to show the search slot area
Whether to show the notification bell icon

Slots

Usage

<AppHeader
  title="Dashboard"
  showSearch={true}
  showNotifications={true}
>
</AppHeader>

Event Log

Interact with the component to see events

Accessibility

Uses semantic <header> tag. Ensure search input has proper label.