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

<UserControl
    x:Class="Semi.Avalonia.Demo.Pages.DrawerPageDemo"
    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">
    <DockPanel>
        <ScrollViewer DockPanel.Dock="Right" Width="260">
            <StackPanel Margin="12" Spacing="8">
                <TextBlock
                    Theme="{DynamicResource TitleTextBlock}"
                    Classes="H4"
                    Text="Configuration" />

                <CheckBox Name="ToggleDrawerCheck"
                          Content="Toggle Drawer" />

                <CheckBox Name="GestureCheck"
                          Content="Gesture Enabled"
                          IsChecked="True" />

                <TextBlock Text="Behavior" FontSize="12" />
                <ComboBox
                    Name="BehaviorComboBox"
                    HorizontalAlignment="Stretch"
                    SelectedIndex="0">
                    <DrawerBehavior>Auto</DrawerBehavior>
                    <DrawerBehavior>Flyout</DrawerBehavior>
                    <DrawerBehavior>Locked</DrawerBehavior>
                    <DrawerBehavior>Disabled</DrawerBehavior>
                </ComboBox>

                <TextBlock Text="Layout" FontSize="12" />
                <ComboBox
                    Name="LayoutComboBox"
                    HorizontalAlignment="Stretch"
                    SelectedIndex="0">
                    <DrawerLayoutBehavior>Overlay</DrawerLayoutBehavior>
                    <DrawerLayoutBehavior>Split</DrawerLayoutBehavior>
                    <DrawerLayoutBehavior>CompactOverlay</DrawerLayoutBehavior>
                    <DrawerLayoutBehavior>CompactInline</DrawerLayoutBehavior>
                </ComboBox>

                <TextBlock Text="Placement" FontSize="12" />
                <ComboBox
                    Name="PlacementComboBox"
                    HorizontalAlignment="Stretch"
                    SelectedIndex="0">
                    <DrawerPlacement>Left</DrawerPlacement>
                    <DrawerPlacement>Right</DrawerPlacement>
                    <DrawerPlacement>Top</DrawerPlacement>
                    <DrawerPlacement>Bottom</DrawerPlacement>
                </ComboBox>

                <TextBlock Text="Compact Drawer Length" FontSize="12" />
                <StackPanel Orientation="Horizontal" Spacing="8">
                    <Slider Name="CompactDrawerLengthSlider"
                            Minimum="0" Maximum="250" Value="80"
                            TickFrequency="1"
                            IsSnapToTickEnabled="True"
                            Width="150" />
                    <TextBlock Text="{Binding #CompactDrawerLengthSlider.Value}" />
                </StackPanel>
                <TextBlock Text="Drawer Length" FontSize="12" />
                <StackPanel Orientation="Horizontal" Spacing="8">
                    <Slider Name="DrawerLengthSlider"
                            Minimum="150" Maximum="400" Value="260"
                            TickFrequency="1"
                            IsSnapToTickEnabled="True"
                            Width="150" />
                    <TextBlock Text="{Binding #DrawerLengthSlider.Value}" />
                </StackPanel>
            </StackPanel>
        </ScrollViewer>

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

        <DrawerPage Name="DemoDrawer"
                    Margin="12"
                    Header="First Look"
                    IsOpen="{Binding #ToggleDrawerCheck.IsChecked}"
                    IsGestureEnabled="{Binding #GestureCheck.IsChecked}"
                    DrawerBehavior="{Binding #BehaviorComboBox.SelectedItem}"
                    DrawerLayoutBehavior="{Binding #LayoutComboBox.SelectedItem}"
                    DrawerPlacement="{Binding #PlacementComboBox.SelectedItem}"
                    CompactDrawerLength="{Binding #CompactDrawerLengthSlider.Value}"
                    DrawerLength="{Binding #DrawerLengthSlider.Value}">
            <DrawerPage.DrawerHeader>
                <TextBlock Text="Menu" Margin="16" FontSize="18" FontWeight="SemiBold" Foreground="{DynamicResource SemiColorPrimary}" />
            </DrawerPage.DrawerHeader>
            <DrawerPage.DrawerFooter>
                <TextBlock HorizontalAlignment="Center" Text="Powered by IRIHI" Margin="8" />
            </DrawerPage.DrawerFooter>
            <DrawerPage.Drawer>
                <ListBox Name="DrawerMenu" SelectionChanged="OnMenuSelectionChanged">
                    <ListBoxItem Content="Home" />
                    <ListBoxItem Content="Settings" />
                    <ListBoxItem Content="Profile" />
                    <ListBoxItem Content="About" />
                </ListBox>
            </DrawerPage.Drawer>
            <DrawerPage.Content>
                <ContentPage Header="Home">
                    <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="8">
                        <TextBlock Text="Home Page" FontSize="20" FontWeight="SemiBold" HorizontalAlignment="Center" />
                        <TextBlock Text="Swipe from the left edge or use the hamburger button to open the drawer."
                                   FontSize="13" Opacity="0.7" TextWrapping="Wrap" TextAlignment="Center" MaxWidth="300" />
                    </StackPanel>
                </ContentPage>
            </DrawerPage.Content>
        </DrawerPage>
    </DockPanel>
</UserControl>