Semi.Avalonia/demo/Semi.Avalonia.Demo/Pages/NavigationPageDemo.axaml

<UserControl
    x:Class="Semi.Avalonia.Demo.Pages.NavigationPageDemo"
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    d:DesignHeight="700"
    d:DesignWidth="800"
    mc:Ignorable="d">
    <ScrollViewer>
        <DockPanel>
            <ScrollViewer DockPanel.Dock="Right" Width="260">
                <StackPanel Margin="12" Spacing="8">
                    <TextBlock Text="Configuration" FontWeight="SemiBold" FontSize="16" />
                    <TextBlock Text="Navigation" FontWeight="SemiBold" FontSize="14" />

                    <Button Content="Push Page"
                            HorizontalAlignment="Stretch"
                            Click="OnPush" />
                    <Button Content="Pop"
                            HorizontalAlignment="Stretch"
                            Click="OnPop" />
                    <Button Content="Pop to Root"
                            HorizontalAlignment="Stretch"
                            Click="OnPopToRoot" />

                    <Separator />

                    <TextBlock Text="Modal Actions" FontWeight="SemiBold" FontSize="14" />
                    <Button Name="PushModalButton"
                            Content="Push Modal"
                            HorizontalAlignment="Stretch"
                            Click="OnPushModal" />
                    <Button Name="PopModalButton"
                            Content="Pop Modal"
                            HorizontalAlignment="Stretch"
                            Click="OnPopModal" />
                    <Button Name="PopAllModalsButton"
                            Content="Pop All Modals"
                            HorizontalAlignment="Stretch"
                            Click="OnPopAllModals" />

                    <TextBlock Text="Options" FontWeight="SemiBold" FontSize="14" />

                    <CheckBox Name="HasNavBarCheck"
                              Content="Has Navigation Bar"
                              IsChecked="True"
                              IsCheckedChanged="OnHasNavBarChanged" />
                    <CheckBox Name="HasBackButtonCheck"
                              Content="Has Back Button"
                              IsChecked="True"
                              IsCheckedChanged="OnHasBackButtonChanged" />
                    <CheckBox Name="HasShadowCheck"
                              Content="Has Shadow"
                              IsChecked="True"
                              IsCheckedChanged="OnHasShadowChanged" />
                    <CheckBox Name="large" Content="Large" />

                    <Separator />

                    <TextBlock Text="Modal Transition" FontWeight="SemiBold" FontSize="14" />
                    <ComboBox Name="TransitionCombo"
                              SelectedIndex="0"
                              SelectionChanged="OnTransitionChanged">
                        <ComboBoxItem Content="Slide from Bottom" />
                        <ComboBoxItem Content="CrossFade" />
                        <ComboBoxItem Content="None" />
                    </ComboBox>

                    <Separator />

                    <TextBlock Text="Status" FontWeight="SemiBold" FontSize="14" />
                    <TextBlock Name="StatusText"
                               Text="Depth: 1"
                               TextWrapping="Wrap" />
                    <TextBlock Name="HeaderText"
                               Text="Current: Home"
                               TextWrapping="Wrap" />
                    <TextBlock Name="ModalText"
                               Text="Modals: 0"
                               TextWrapping="Wrap" />

                </StackPanel>
            </ScrollViewer>

            <Border DockPanel.Dock="Right" Width="1" Background="{DynamicResource SemiColorBackground0}" />

            <Border Margin="12"
                    BorderBrush="{DynamicResource SemiColorBorder}"
                    BorderThickness="1"
                    CornerRadius="6"
                    ClipToBounds="True">
                <NavigationPage
                    Name="DemoNav"
                    Classes.Large="{Binding #large.IsChecked}" />
            </Border>
        </DockPanel>
    </ScrollViewer>
</UserControl>