Skip to main content

Type Alias: NavigationPageProps

NavigationPageProps = NavigationPageBaseProps & object | NavigationPageBaseProps & object

Defined in: jsx.ts:403

Props for the NavigationPage virtual element with type-safe targeting.

The for prop is required and determines valid id values:

  • AdwNavigationView: id can be any string (page tags for navigation history)
  • AdwNavigationSplitView: id is narrowed to "content" | "sidebar" (slot positions)

Example​

// In NavigationView - id can be any string
<AdwNavigationView history={["home", "details"]}>
  <x.NavigationPage for={AdwNavigationView} id="home" title="Home">
    <HomeContent />
  </x.NavigationPage>
</AdwNavigationView>

// In NavigationSplitView - id is narrowed to "content" | "sidebar"
<AdwNavigationSplitView>
  <x.NavigationPage for={AdwNavigationSplitView} id="sidebar" title="Sidebar">
    <SidebarContent />
  </x.NavigationPage>
  <x.NavigationPage for={AdwNavigationSplitView} id="content" title="Content">
    <MainContent />
  </x.NavigationPage>
</AdwNavigationSplitView>