PowerToys/src/settings-ui/Microsoft.PowerToys.Settings.UI/Controls/SidePanel/SettingsPageControl.xaml

<UserControl
    x:Class="Microsoft.PowerToys.Settings.UI.Controls.SettingsPageControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Microsoft.PowerToys.Settings.UI.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:converters="using:Microsoft.Toolkit.Uwp.UI.Converters"
    mc:Ignorable="d">

    <UserControl.Resources>
        <converters:DoubleToVisibilityConverter x:Name="doubleToVisibilityConverter" GreaterThan="0" TrueValue="Visible" FalseValue="Collapsed" />
    </UserControl.Resources>

    <Grid RowSpacing="{StaticResource DefaultRowSpacing}" Margin="0">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="LayoutVisualStates">
                <VisualState x:Name="WideLayout">
                    <VisualState.StateTriggers>
                        <AdaptiveTrigger MinWindowWidth="{StaticResource WideLayoutMinWidth}" />
                    </VisualState.StateTriggers>
                </VisualState>
                <VisualState x:Name="SmallLayout">
                    <VisualState.StateTriggers>
                        <AdaptiveTrigger MinWindowWidth="{StaticResource SmallLayoutMinWidth}" />
                        <AdaptiveTrigger MinWindowWidth="0" />
                    </VisualState.StateTriggers>
                    <VisualState.Setters>
                        <Setter Target="SidePanel.(Grid.Column)" Value="0"/>
                        <Setter Target="SidePanel.Width" Value="Auto"/>
                        <Setter Target="SidePanel.Margin" Value="24,0,24,0"/>
                        <Setter Target="ModuleContentPresenter.(Grid.Row)" Value="2" />
                        <Setter Target="ModuleContentPresenter.Margin" Value="24,0,0,0" />
                        <Setter Target="LinksPanel.(RelativePanel.RightOf)" Value="AboutImage" />
                        <Setter Target="LinksPanel.(RelativePanel.AlignTopWith)" Value="AboutImage" />
                        <Setter Target="LinksPanel.Margin" Value="0,12,0,0" />
                        <Setter Target="AboutImage.Margin" Value="0,12,12,0" />
                        <Setter Target="Header.Margin" Value="24,44,0,0" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <TextBlock x:Name="Header"
                   Text="{x:Bind ModuleTitle}"
                   FontWeight="SemiBold"
                   FontSize="28"
                   Margin="48,44,0,0"
                   VerticalAlignment="Stretch"/>

        <ContentPresenter x:Name="ModuleContentPresenter"
                          Content="{x:Bind ModuleContent}"
                          Margin="48,12,48,0"
                          HorizontalAlignment="Left"
                          Grid.Row="1"
                          MaxWidth="{StaticResource MaxContentWidth}"/>

        <RelativePanel Grid.Column="1"
                       Grid.Row="1"
                       x:Name="SidePanel"
                       Width="{StaticResource SidePanelWidth}"
                       Margin="0,12,48,0">

            <TextBlock x:Name="AboutDescription"
                       Text="{x:Bind ModuleDescription}"
                       Foreground="{StaticResource TextFillColorSecondaryBrush}"
                       TextWrapping="Wrap"/>

            <HyperlinkButton x:Name="AboutImage"
                         RelativePanel.Below="AboutDescription"
                         MaxWidth="240"
                         CornerRadius="8"
                         x:Uid="Learn_More_Description"
                         Padding="0"
                             Background="Red"
                         NavigateUri="{x:Bind ModuleImageLink}"
                         Margin="0, 12, 0, 12">
                <Image>
                    <Image.Source>
                        <BitmapImage UriSource="{x:Bind ModuleImageSource}" />
                    </Image.Source>
                </Image>
            </HyperlinkButton>

            <StackPanel x:Name="LinksPanel"
                    Margin="0,1,0,0"
                    RelativePanel.Below="AboutImage"
                    Orientation="Vertical">

                <StackPanel x:Name="ModuleLinksPanel" Orientation="Vertical">
                    <ItemsControl ItemsSource="{x:Bind ModuleLinks}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate x:DataType="local:SidePanelLink">
                                <HyperlinkButton NavigateUri="{x:Bind Link}" Margin="-12,-3,0,0">
                                    <TextBlock Text="{x:Bind Label}" TextWrapping="Wrap" />
                                </HyperlinkButton>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </StackPanel>

                <StackPanel x:Name="AttributionPanel"
                              Visibility="{x:Bind AttributionLinks.Count, Converter={StaticResource doubleToVisibilityConverter}}"
                            Orientation="Vertical">
                    <TextBlock x:Uid="AttributionTitle" Style="{StaticResource SettingsGroupTitleStyle}" />

                    <ItemsControl x:Name="AttributionLinksItemControl" ItemsSource="{x:Bind AttributionLinks}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate x:DataType="local:SidePanelLink">
                                <HyperlinkButton NavigateUri="{x:Bind Link}" Margin="-12,-3,0,0">
                                    <TextBlock Text="{x:Bind Label}" TextWrapping="Wrap" />
                                </HyperlinkButton>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </StackPanel>
            </StackPanel>
        </RelativePanel>
    </Grid>
</UserControl>