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

<UserControl
    x:Class="Semi.Avalonia.Demo.Pages.TabbedPageDemo"
    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="600"
    d:DesignWidth="800"
    mc:Ignorable="d">
    <DockPanel>
        <ScrollViewer DockPanel.Dock="Right" Width="260">
            <StackPanel Margin="12" Spacing="8">
                <TextBlock Text="Configuration" FontWeight="SemiBold" FontSize="16"
                           Foreground="{DynamicResource SemiColorText0}" />

                <TextBlock Text="Tab Management" FontWeight="SemiBold" FontSize="13" />
                <StackPanel Spacing="6">
                    <Button Content="Add Tab" Click="OnAddTab" HorizontalAlignment="Stretch" />
                    <Button Content="Remove Latest Tab" Click="OnRemoveTab" HorizontalAlignment="Stretch" />
                </StackPanel>

                <Separator />

                <TextBlock Text="Tab Placement" FontWeight="SemiBold" FontSize="13" />
                <ComboBox Name="PlacementCombo" SelectedIndex="0"
                          SelectionChanged="OnPlacementChanged" HorizontalAlignment="Stretch">
                    <ComboBoxItem Content="Top" />
                    <ComboBoxItem Content="Bottom" />
                    <ComboBoxItem Content="Left" />
                    <ComboBoxItem Content="Right" />
                </ComboBox>

                <Separator />

                <TextBlock Text="Status" FontWeight="SemiBold" FontSize="14" />
                <TextBlock Name="StatusText"
                           Text="3 tabs | Selected: Home (0)"
                           Opacity="0.7"
                           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">
            <TabbedPage Name="DemoTabs"
                        TabPlacement="Top"
                        SelectionChanged="OnSelectionChanged">
                <ContentPage Icon="{DynamicResource SemiIconHome}" Header="Home">
                    <StackPanel Margin="16" Spacing="8">
                        <TextBlock Text="Home Tab" FontSize="24" FontWeight="Bold" />
                        <TextBlock Text="Welcome to the Home tab. This is a TabbedPage sample."
                                   TextWrapping="Wrap" />
                        <TextBlock Text="Use the panel on the right to add or remove tabs dynamically."
                                   TextWrapping="Wrap" Opacity="0.7" />
                    </StackPanel>
                </ContentPage>
                <ContentPage Icon="{DynamicResource SemiIconSearch}" Header="Search">
                    <StackPanel Margin="16" Spacing="8">
                        <TextBlock Text="Search Tab" FontSize="24" FontWeight="Bold" />
                        <TextBox PlaceholderText="Type to search..." />
                        <TextBlock Text="Search results will appear here." Opacity="0.7" />
                    </StackPanel>
                </ContentPage>
                <ContentPage Icon="{DynamicResource SemiIconSetting}" Header="Settings">
                    <StackPanel Margin="16" Spacing="8">
                        <TextBlock Text="Settings Tab" FontSize="24" FontWeight="Bold" />
                        <CheckBox Content="Enable notifications" />
                        <CheckBox Content="Dark mode" />
                        <CheckBox Content="Auto-save" IsChecked="True" />
                    </StackPanel>
                </ContentPage>
            </TabbedPage>
        </Border>
    </DockPanel>
</UserControl>