Speckle.Material.Avalonia/Material.Demo/Pages/SideSheetDemo.axaml

<UserControl 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"
             xmlns:styles="clr-namespace:Material.Styles;assembly=Material.Styles"
             xmlns:pages="clr-namespace:Material.Demo.Pages"
             xmlns:models="clr-namespace:Material.Demo.Models"
             xmlns:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
             xmlns:controls="clr-namespace:Material.Styles.Controls;assembly=Material.Styles"
             mc:Ignorable="d" d:DesignWidth="500" d:DesignHeight="450"
             x:Class="Material.Demo.Pages.SideSheetDemo"
             x:DataType="models:SideSheetDemoViewModel">
    <UserControl.DataContext>
        <models:SideSheetDemoViewModel />
    </UserControl.DataContext>

    <StackPanel Margin="16, 0">
        <TextBlock Classes="Headline4 Subheadline" Text="Side sheets" />

        <controls:SideSheet
            Name="SideSheet"
            Width="500" Height="560" BorderBrush="Black" BorderThickness="1"
            SideSheetDirection="Right"
            SideSheetOpened="{CompiledBinding SideInfoOpened}"
            SideSheetContent="{CompiledBinding Information}"
            SideSheetHeader="{CompiledBinding Information.Header}">
            <controls:SideSheet.SideSheetContentTemplate>
                <DataTemplate DataType="models:SideSheetData">
                    <StackPanel>
                        <TextBlock Classes="Headline6" Text="{CompiledBinding ContentHeader}"/>
                        <TextBlock Text="{CompiledBinding ImportantInfos}" TextWrapping="Wrap"></TextBlock>
                    </StackPanel>
                </DataTemplate>
            </controls:SideSheet.SideSheetContentTemplate>
            <Panel>
                <pages:Home />
                <Button Classes="Icon" Width="36" Height="36"
                        HorizontalAlignment="Right"
                        VerticalAlignment="Top"
                        Content="{avalonia:MaterialIconExt MenuOpen, Size=20}"
                        IsVisible="{Binding !#SideSheet.SideSheetOpened}"
                        Click="OpenSideInfoButton_OnClick" />
            </Panel>
        </controls:SideSheet>
    </StackPanel>
</UserControl>