Avalonia/samples/ControlCatalog/Pages/CarouselPage/CarouselPageCustomizationPage.xaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="ControlCatalog.Pages.CarouselPageCustomizationPage">
  <DockPanel>
    <ScrollViewer DockPanel.Dock="Right" Width="220">
      <StackPanel Margin="12" Spacing="8">
        <TextBlock Text="Configuration" FontWeight="SemiBold" FontSize="16"
                   Foreground="{DynamicResource SystemControlHighlightAccentBrush}" />

        <TextBlock Text="Slide Direction" FontWeight="SemiBold" FontSize="13" />
        <ComboBox x:Name="OrientationCombo" SelectedIndex="0"
                  SelectionChanged="OnOrientationChanged"
                  HorizontalAlignment="Stretch">
          <ComboBoxItem Content="Horizontal" />
          <ComboBoxItem Content="Vertical" />
        </ComboBox>

        <Separator />

        <TextBlock Text="Navigate" FontWeight="SemiBold" FontSize="13" />
        <StackPanel Spacing="6">
          <Button Content="Previous" Click="OnPrevious" HorizontalAlignment="Stretch" />
          <Button Content="Next" Click="OnNext" HorizontalAlignment="Stretch" />
        </StackPanel>

        <Separator />

        <TextBlock Text="Status" FontWeight="SemiBold" FontSize="13" />
        <TextBlock x:Name="StatusText" Text="—" Opacity="0.7" TextWrapping="Wrap" />
      </StackPanel>
    </ScrollViewer>

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

    <Border Margin="12"
            BorderBrush="{DynamicResource SystemControlForegroundBaseMediumLowBrush}"
            BorderThickness="1"
            CornerRadius="6"
            ClipToBounds="True">
      <Panel>
        <CarouselPage x:Name="DemoCarousel">
          <ContentPage Header="Sunrise"
                       Background="#FFFDE68A"
                       HorizontalContentAlignment="Stretch"
                       VerticalContentAlignment="Stretch">
            <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="8">
              <Border Width="64" Height="64" CornerRadius="32"
                      Background="#F59E0B" />
              <TextBlock Text="Sunrise" FontSize="28" FontWeight="Bold"
                         Foreground="#92400E" HorizontalAlignment="Center" />
              <TextBlock Text="A new day begins. Warm golden hues fill the horizon."
                         FontSize="13" Foreground="#92400E" Opacity="0.8"
                         TextWrapping="Wrap" TextAlignment="Center" MaxWidth="240" />
            </StackPanel>
          </ContentPage>
          <ContentPage Header="Ocean"
                       Background="#FFBFDBFE"
                       HorizontalContentAlignment="Stretch"
                       VerticalContentAlignment="Stretch">
            <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="8">
              <Border Width="64" Height="64" CornerRadius="32"
                      Background="#3B82F6" />
              <TextBlock Text="Ocean" FontSize="28" FontWeight="Bold"
                         Foreground="#1E3A5F" HorizontalAlignment="Center" />
              <TextBlock Text="Vast blue waters stretch beyond what the eye can see."
                         FontSize="13" Foreground="#1E3A5F" Opacity="0.8"
                         TextWrapping="Wrap" TextAlignment="Center" MaxWidth="240" />
            </StackPanel>
          </ContentPage>
          <ContentPage Header="Forest"
                       Background="#FFBBF7D0"
                       HorizontalContentAlignment="Stretch"
                       VerticalContentAlignment="Stretch">
            <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="8">
              <Border Width="64" Height="64" CornerRadius="32"
                      Background="#22C55E" />
              <TextBlock Text="Forest" FontSize="28" FontWeight="Bold"
                         Foreground="#14532D" HorizontalAlignment="Center" />
              <TextBlock Text="Ancient trees whisper in the quiet woodland breeze."
                         FontSize="13" Foreground="#14532D" Opacity="0.8"
                         TextWrapping="Wrap" TextAlignment="Center" MaxWidth="240" />
            </StackPanel>
          </ContentPage>
          <ContentPage Header="Night"
                       Background="#1E1B4B"
                       HorizontalContentAlignment="Stretch"
                       VerticalContentAlignment="Stretch">
            <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="8">
              <Border Width="64" Height="64" CornerRadius="32"
                      Background="#6366F1" />
              <TextBlock Text="Night" FontSize="28" FontWeight="Bold"
                         Foreground="#C7D2FE" HorizontalAlignment="Center" />
              <TextBlock Text="Stars emerge as the world quiets into peaceful darkness."
                         FontSize="13" Foreground="#C7D2FE" Opacity="0.8"
                         TextWrapping="Wrap" TextAlignment="Center" MaxWidth="240" />
            </StackPanel>
          </ContentPage>
        </CarouselPage>

        <!-- Page indicator dots -->
        <Border VerticalAlignment="Bottom" HorizontalAlignment="Center"
                Margin="0,0,0,12" CornerRadius="8" Background="#44000000"
                Padding="10,4">
          <StackPanel Orientation="Horizontal" Spacing="6">
            <Ellipse x:Name="Dot0" Width="8" Height="8" Fill="White" />
            <Ellipse x:Name="Dot1" Width="8" Height="8" Fill="White" Opacity="0.4" />
            <Ellipse x:Name="Dot2" Width="8" Height="8" Fill="White" Opacity="0.4" />
            <Ellipse x:Name="Dot3" Width="8" Height="8" Fill="White" Opacity="0.4" />
          </StackPanel>
        </Border>
      </Panel>
    </Border>
  </DockPanel>
</UserControl>