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

<UserControl
    x:Class="Semi.Avalonia.Demo.Pages.ButtonDemo"
    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"
    mc:Ignorable="d">
    <ScrollViewer>
        <StackPanel HorizontalAlignment="Left" Spacing="8">
            <StackPanel.Styles>
                <Style Selector="SplitButton,DropDownButton,ToggleSplitButton">
                    <Setter Property="Button.Flyout">
                        <MenuFlyout>
                            <MenuItem Header="Submit All" />
                            <MenuItem Header="Submit Updated" />
                        </MenuFlyout>
                    </Setter>
                </Style>
            </StackPanel.Styles>
            <HeaderedContentControl
                Theme="{StaticResource GroupBox}">
                <HeaderedContentControl.Header>
                    <StackPanel Spacing="8">
                        <TextBlock Text="Button/RepeatButton Theme" />
                        <WrapPanel ItemSpacing="4">
                            <TextBlock Text="Theme:" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Blue Solid" Content="Light" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Blue Solid" Content="Solid" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Blue Solid" Content="Outline" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Blue Solid" Content="Borderless" />
                        </WrapPanel>
                        <WrapPanel ItemSpacing="4">
                            <TextBlock Text="Classes:" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Primary" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Secondary" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Tertiary" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Success" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Warning" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Danger" />
                        </WrapPanel>
                    </StackPanel>
                </HeaderedContentControl.Header>
                <StackPanel HorizontalAlignment="Left" Spacing="16">
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <Button Content="Default" />
                        <Button Content="Primary" Classes="Primary" />
                        <Button Content="Secondary" Classes="Secondary" />
                        <Button Content="Tertiary" Classes="Tertiary" />
                        <Button Content="Success" Classes="Success" />
                        <Button Content="Warning" Classes="Warning" />
                        <Button Content="Danger" Classes="Danger" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <Button Content="Default" Theme="{StaticResource SolidButton}" />
                        <Button Content="Primary" Classes="Primary" Theme="{StaticResource SolidButton}" />
                        <Button Content="Secondary" Classes="Secondary" Theme="{StaticResource SolidButton}" />
                        <Button Content="Tertiary" Classes="Tertiary" Theme="{StaticResource SolidButton}" />
                        <Button Content="Success" Classes="Success" Theme="{StaticResource SolidButton}" />
                        <Button Content="Warning" Classes="Warning" Theme="{StaticResource SolidButton}" />
                        <Button Content="Danger" Classes="Danger" Theme="{StaticResource SolidButton}" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <Button Content="Default" Theme="{StaticResource OutlineButton}" />
                        <Button Content="Primary" Classes="Primary" Theme="{StaticResource OutlineButton}" />
                        <Button Content="Secondary" Classes="Secondary" Theme="{StaticResource OutlineButton}" />
                        <Button Content="Tertiary" Classes="Tertiary" Theme="{StaticResource OutlineButton}" />
                        <Button Content="Success" Classes="Success" Theme="{StaticResource OutlineButton}" />
                        <Button Content="Warning" Classes="Warning" Theme="{StaticResource OutlineButton}" />
                        <Button Content="Danger" Classes="Danger" Theme="{StaticResource OutlineButton}" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <Button Content="Default" Theme="{StaticResource BorderlessButton}" />
                        <Button Content="Primary" Classes="Primary" Theme="{StaticResource BorderlessButton}" />
                        <Button Content="Secondary" Classes="Secondary" Theme="{StaticResource BorderlessButton}" />
                        <Button Content="Tertiary" Classes="Tertiary" Theme="{StaticResource BorderlessButton}" />
                        <Button Content="Success" Classes="Success" Theme="{StaticResource BorderlessButton}" />
                        <Button Content="Warning" Classes="Warning" Theme="{StaticResource BorderlessButton}" />
                        <Button Content="Danger" Classes="Danger" Theme="{StaticResource BorderlessButton}" />
                    </WrapPanel>
                </StackPanel>
            </HeaderedContentControl>

            <HeaderedContentControl
                Theme="{StaticResource GroupBox}"
                Header="Prohibited Status">
                <WrapPanel ItemSpacing="16" LineSpacing="16">
                    <Button Content="Light" IsEnabled="False" />
                    <Button Content="Solid" IsEnabled="False" Theme="{StaticResource SolidButton}" />
                    <Button Content="Outline" IsEnabled="False" Theme="{StaticResource OutlineButton}" />
                    <Button Content="Borderless" IsEnabled="False" Theme="{StaticResource BorderlessButton}" />
                </WrapPanel>
            </HeaderedContentControl>

            <HeaderedContentControl
                Theme="{StaticResource GroupBox}">
                <HeaderedContentControl.Header>
                    <StackPanel Spacing="8">
                        <WrapPanel ItemSpacing="4">
                            <TextBlock Text="Size Classes:" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Large" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Blue" Content="Small" />
                        </WrapPanel>
                    </StackPanel>
                </HeaderedContentControl.Header>
                <WrapPanel ItemSpacing="16" LineSpacing="16">
                    <Button Content="Large" Classes="Large" />
                    <Button Content="Default" />
                    <Button Content="Small" Classes="Small" />
                </WrapPanel>
            </HeaderedContentControl>

            <HeaderedContentControl
                Theme="{StaticResource GroupBox}">
                <HeaderedContentControl.Header>
                    <StackPanel Spacing="8">
                        <TextBlock Text="AI style - Colorful Button" />
                        <WrapPanel ItemSpacing="4">
                            <TextBlock Text="Theme:" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Colorful Gradient Solid" Content="Light" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Colorful Gradient Solid" Content="Solid" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Colorful Gradient Solid" Content="Outline" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Colorful Gradient Solid" Content="Borderless" />
                        </WrapPanel>
                        <WrapPanel ItemSpacing="4">
                            <TextBlock Text="Classes:" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Colorful Gradient" Content="Colorful Primary" />
                            <Label Theme="{StaticResource TagLabel}" Classes="Colorful Gradient" Content="Colorful Tertiary" />
                        </WrapPanel>
                    </StackPanel>
                </HeaderedContentControl.Header>
                <StackPanel HorizontalAlignment="Left" Spacing="16">
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <Button Content="Primary" Classes="Colorful Primary" />
                        <Button Content="Tertiary" Classes="Colorful Tertiary" />
                        <Button Content="Disabled" Classes="Colorful Primary" IsEnabled="False" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <Button Content="Primary" Classes="Colorful Primary" Theme="{StaticResource SolidButton}" />
                        <Button Content="Tertiary" Classes="Colorful Tertiary" Theme="{StaticResource SolidButton}" />
                        <Button Content="Disabled" Classes="Colorful Primary" Theme="{StaticResource SolidButton}" IsEnabled="False" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <Button Content="Primary" Classes="Colorful Primary" Theme="{StaticResource OutlineButton}" />
                        <Button Content="Tertiary" Classes="Colorful Tertiary" Theme="{StaticResource OutlineButton}" />
                        <Button Content="Disabled" Classes="Colorful Primary" Theme="{StaticResource OutlineButton}" IsEnabled="False" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <Button Content="Primary" Classes="Colorful Primary" Theme="{StaticResource BorderlessButton}" />
                        <Button Content="Tertiary" Classes="Colorful Tertiary" Theme="{StaticResource BorderlessButton}" />
                        <Button Content="Disabled" Classes="Colorful Primary" Theme="{StaticResource BorderlessButton}" IsEnabled="False" />
                    </WrapPanel>
                </StackPanel>
            </HeaderedContentControl>

            <HeaderedContentControl
                Theme="{StaticResource GroupBox}" Header="DropDownButton">
                <StackPanel HorizontalAlignment="Left" Spacing="16">
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <DropDownButton Content="Default" />
                        <DropDownButton Content="Primary" Classes="Primary" />
                        <DropDownButton Content="Secondary" Classes="Secondary" />
                        <DropDownButton Content="Tertiary" Classes="Tertiary" />
                        <DropDownButton Content="Success" Classes="Success" />
                        <DropDownButton Content="Warning" Classes="Warning" />
                        <DropDownButton Content="Danger" Classes="Danger" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <DropDownButton Content="Default" Theme="{StaticResource SolidDropDownButton}" />
                        <DropDownButton Content="Primary" Classes="Primary" Theme="{StaticResource SolidDropDownButton}" />
                        <DropDownButton Content="Secondary" Classes="Secondary" Theme="{StaticResource SolidDropDownButton}" />
                        <DropDownButton Content="Tertiary" Classes="Tertiary" Theme="{StaticResource SolidDropDownButton}" />
                        <DropDownButton Content="Success" Classes="Success" Theme="{StaticResource SolidDropDownButton}" />
                        <DropDownButton Content="Warning" Classes="Warning" Theme="{StaticResource SolidDropDownButton}" />
                        <DropDownButton Content="Danger" Classes="Danger" Theme="{StaticResource SolidDropDownButton}" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <DropDownButton Content="Default" Theme="{StaticResource OutlineDropDownButton}" />
                        <DropDownButton Content="Primary" Classes="Primary" Theme="{StaticResource OutlineDropDownButton}" />
                        <DropDownButton Content="Secondary" Classes="Secondary" Theme="{StaticResource OutlineDropDownButton}" />
                        <DropDownButton Content="Tertiary" Classes="Tertiary" Theme="{StaticResource OutlineDropDownButton}" />
                        <DropDownButton Content="Success" Classes="Success" Theme="{StaticResource OutlineDropDownButton}" />
                        <DropDownButton Content="Warning" Classes="Warning" Theme="{StaticResource OutlineDropDownButton}" />
                        <DropDownButton Content="Danger" Classes="Danger" Theme="{StaticResource OutlineDropDownButton}" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <DropDownButton Content="Default" Theme="{StaticResource BorderlessDropDownButton}" />
                        <DropDownButton Content="Primary" Classes="Primary" Theme="{StaticResource BorderlessDropDownButton}" />
                        <DropDownButton Content="Secondary" Classes="Secondary" Theme="{StaticResource BorderlessDropDownButton}" />
                        <DropDownButton Content="Tertiary" Classes="Tertiary" Theme="{StaticResource BorderlessDropDownButton}" />
                        <DropDownButton Content="Success" Classes="Success" Theme="{StaticResource BorderlessDropDownButton}" />
                        <DropDownButton Content="Warning" Classes="Warning" Theme="{StaticResource BorderlessDropDownButton}" />
                        <DropDownButton Content="Danger" Classes="Danger" Theme="{StaticResource BorderlessDropDownButton}" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <DropDownButton Content="Light" IsEnabled="False" />
                        <DropDownButton Content="Solid" IsEnabled="False" Theme="{StaticResource SolidDropDownButton}" />
                        <DropDownButton Content="Outline" IsEnabled="False" Theme="{StaticResource OutlineDropDownButton}" />
                        <DropDownButton Content="Borderless" IsEnabled="False" Theme="{StaticResource BorderlessDropDownButton}" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <DropDownButton Content="Large" Classes="Large" />
                        <DropDownButton Content="Default" />
                        <DropDownButton Content="Small" Classes="Small" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <DropDownButton Content="Primary" Classes="Colorful Primary" />
                        <DropDownButton Content="Tertiary" Classes="Colorful Tertiary" />
                        <DropDownButton Content="Disabled" Classes="Colorful Primary" IsEnabled="False" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <DropDownButton Content="Primary" Classes="Colorful Primary" Theme="{StaticResource SolidDropDownButton}" />
                        <DropDownButton Content="Tertiary" Classes="Colorful Tertiary" Theme="{StaticResource SolidDropDownButton}" />
                        <DropDownButton Content="Disabled" Classes="Colorful Primary" Theme="{StaticResource SolidDropDownButton}" IsEnabled="False" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <DropDownButton Content="Primary" Classes="Colorful Primary" Theme="{StaticResource OutlineDropDownButton}" />
                        <DropDownButton Content="Tertiary" Classes="Colorful Tertiary" Theme="{StaticResource OutlineDropDownButton}" />
                        <DropDownButton Content="Disabled" Classes="Colorful Primary" Theme="{StaticResource OutlineDropDownButton}" IsEnabled="False" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <DropDownButton Content="Primary" Classes="Colorful Primary" Theme="{StaticResource BorderlessDropDownButton}" />
                        <DropDownButton Content="Tertiary" Classes="Colorful Tertiary" Theme="{StaticResource BorderlessDropDownButton}" />
                        <DropDownButton Content="Disabled" Classes="Colorful Primary" Theme="{StaticResource BorderlessDropDownButton}" IsEnabled="False" />
                    </WrapPanel>
                </StackPanel>
            </HeaderedContentControl>

            <HeaderedContentControl
                Theme="{StaticResource GroupBox}" Header="SplitButton">
                <StackPanel HorizontalAlignment="Left" Spacing="16">
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <SplitButton Content="Default" />
                        <SplitButton Content="Primary" Classes="Primary" />
                        <SplitButton Content="Secondary" Classes="Secondary" />
                        <SplitButton Content="Tertiary" Classes="Tertiary" />
                        <SplitButton Content="Success" Classes="Success" />
                        <SplitButton Content="Warning" Classes="Warning" />
                        <SplitButton Content="Danger" Classes="Danger" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <SplitButton Content="Default" Theme="{StaticResource SolidSplitButton}" />
                        <SplitButton Content="Primary" Classes="Primary" Theme="{StaticResource SolidSplitButton}" />
                        <SplitButton Content="Secondary" Classes="Secondary" Theme="{StaticResource SolidSplitButton}" />
                        <SplitButton Content="Tertiary" Classes="Tertiary" Theme="{StaticResource SolidSplitButton}" />
                        <SplitButton Content="Success" Classes="Success" Theme="{StaticResource SolidSplitButton}" />
                        <SplitButton Content="Warning" Classes="Warning" Theme="{StaticResource SolidSplitButton}" />
                        <SplitButton Content="Danger" Classes="Danger" Theme="{StaticResource SolidSplitButton}" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <SplitButton Content="Default" Theme="{StaticResource OutlineSplitButton}" />
                        <SplitButton Content="Primary" Classes="Primary" Theme="{StaticResource OutlineSplitButton}" />
                        <SplitButton Content="Secondary" Classes="Secondary" Theme="{StaticResource OutlineSplitButton}" />
                        <SplitButton Content="Tertiary" Classes="Tertiary" Theme="{StaticResource OutlineSplitButton}" />
                        <SplitButton Content="Success" Classes="Success" Theme="{StaticResource OutlineSplitButton}" />
                        <SplitButton Content="Warning" Classes="Warning" Theme="{StaticResource OutlineSplitButton}" />
                        <SplitButton Content="Danger" Classes="Danger" Theme="{StaticResource OutlineSplitButton}" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <SplitButton Content="Default" Theme="{StaticResource BorderlessSplitButton}" />
                        <SplitButton Content="Primary" Classes="Primary" Theme="{StaticResource BorderlessSplitButton}" />
                        <SplitButton Content="Secondary" Classes="Secondary" Theme="{StaticResource BorderlessSplitButton}" />
                        <SplitButton Content="Tertiary" Classes="Tertiary" Theme="{StaticResource BorderlessSplitButton}" />
                        <SplitButton Content="Success" Classes="Success" Theme="{StaticResource BorderlessSplitButton}" />
                        <SplitButton Content="Warning" Classes="Warning" Theme="{StaticResource BorderlessSplitButton}" />
                        <SplitButton Content="Danger" Classes="Danger" Theme="{StaticResource BorderlessSplitButton}" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <SplitButton Content="Light" IsEnabled="False" />
                        <SplitButton Content="Solid" IsEnabled="False" Theme="{StaticResource SolidSplitButton}" />
                        <SplitButton Content="Outline" IsEnabled="False" Theme="{StaticResource OutlineSplitButton}" />
                        <SplitButton Content="Borderless" IsEnabled="False" Theme="{StaticResource BorderlessSplitButton}" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <SplitButton Content="Large" Classes="Large" />
                        <SplitButton Content="Default" />
                        <SplitButton Content="Small" Classes="Small" />
                    </WrapPanel>
                </StackPanel>
            </HeaderedContentControl>

            <HeaderedContentControl
                Theme="{StaticResource GroupBox}"
                Header="ToggleSplitButton">
                <StackPanel HorizontalAlignment="Left" Spacing="24">
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <ToggleSplitButton Content="Default" />
                        <ToggleSplitButton Classes="Primary" Content="Primary" />
                        <ToggleSplitButton Classes="Secondary" Content="Secondary" />
                        <ToggleSplitButton Classes="Tertiary" Content="Tertiary" />
                        <ToggleSplitButton Classes="Success" Content="Success" />
                        <ToggleSplitButton Classes="Warning" Content="Warning" />
                        <ToggleSplitButton Classes="Danger" Content="Danger" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <ToggleSplitButton Content="Default" IsChecked="True" />
                        <ToggleSplitButton Classes="Primary" Content="Primary" IsChecked="True" />
                        <ToggleSplitButton Classes="Secondary" Content="Secondary" IsChecked="True" />
                        <ToggleSplitButton Classes="Tertiary" Content="Tertiary" IsChecked="True" />
                        <ToggleSplitButton Classes="Success" Content="Success" IsChecked="True" />
                        <ToggleSplitButton Classes="Warning" Content="Warning" IsChecked="True" />
                        <ToggleSplitButton Classes="Danger" Content="Danger" IsChecked="True" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <ToggleSplitButton Content="Unchecked" Classes="Success" IsEnabled="False" />
                        <ToggleSplitButton Content="Checked" Classes="Success" IsChecked="True" IsEnabled="False" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <ToggleSplitButton Content="Large" Classes="Large" />
                        <ToggleSplitButton Content="Default" />
                        <ToggleSplitButton Content="Small" Classes="Small" />
                    </WrapPanel>
                </StackPanel>
            </HeaderedContentControl>

            <HeaderedContentControl
                Theme="{StaticResource GroupBox}" Header="ToggleButton">
                <StackPanel HorizontalAlignment="Left" Spacing="16">
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <ToggleButton Content="Default" />
                        <ToggleButton Content="Primary" Classes="Primary" />
                        <ToggleButton Content="Secondary" Classes="Secondary" />
                        <ToggleButton Content="Tertiary" Classes="Tertiary" />
                        <ToggleButton Content="Success" Classes="Success" />
                        <ToggleButton Content="Warning" Classes="Warning" />
                        <ToggleButton Content="Danger" Classes="Danger" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <ToggleButton Content="Default" IsChecked="True" />
                        <ToggleButton Content="Primary" Classes="Primary" IsChecked="True" />
                        <ToggleButton Content="Secondary" Classes="Secondary" IsChecked="True" />
                        <ToggleButton Content="Tertiary" Classes="Tertiary" IsChecked="True" />
                        <ToggleButton Content="Success" Classes="Success" IsChecked="True" />
                        <ToggleButton Content="Warning" Classes="Warning" IsChecked="True" />
                        <ToggleButton Content="Danger" Classes="Danger" IsChecked="True" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <ToggleButton Content="Default" IsChecked="{x:Null}" IsThreeState="True" />
                        <ToggleButton Content="Primary" Classes="Primary" IsChecked="{x:Null}" IsThreeState="True" />
                        <ToggleButton Content="Secondary" Classes="Secondary" IsChecked="{x:Null}" IsThreeState="True" />
                        <ToggleButton Content="Tertiary" Classes="Tertiary" IsChecked="{x:Null}" IsThreeState="True" />
                        <ToggleButton Content="Success" Classes="Success" IsChecked="{x:Null}" IsThreeState="True" />
                        <ToggleButton Content="Warning" Classes="Warning" IsChecked="{x:Null}" IsThreeState="True" />
                        <ToggleButton Content="Danger" Classes="Danger" IsChecked="{x:Null}" IsThreeState="True" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <ToggleButton Content="Unchecked" IsEnabled="False" />
                        <ToggleButton Content="Checked" IsEnabled="False" IsChecked="True" />
                        <ToggleButton Content="Indeterminate" IsEnabled="False" IsChecked="{x:Null}" IsThreeState="True" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <ToggleButton Content="Large" Classes="Large" />
                        <ToggleButton Content="Default" />
                        <ToggleButton Content="Small" Classes="Small" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <ToggleButton Content="Primary" Classes="Colorful Primary" />
                        <ToggleButton Content="Tertiary" Classes="Colorful Tertiary" />
                        <ToggleButton Content="Disabled" Classes="Colorful Primary" IsEnabled="False" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <ToggleButton Content="Primary" Classes="Colorful Primary" IsChecked="True" />
                        <ToggleButton Content="Tertiary" Classes="Colorful Tertiary" IsChecked="True" />
                        <ToggleButton Content="Disabled" Classes="Colorful Primary" IsChecked="True" IsEnabled="False" />
                    </WrapPanel>
                    <WrapPanel ItemSpacing="16" LineSpacing="16">
                        <ToggleButton Content="Primary" Classes="Colorful Primary" IsChecked="{x:Null}" IsThreeState="True" />
                        <ToggleButton Content="Tertiary" Classes="Colorful Tertiary" IsChecked="{x:Null}" IsThreeState="True" />
                        <ToggleButton Content="Disabled" Classes="Colorful Primary" IsChecked="{x:Null}" IsThreeState="True" IsEnabled="False" />
                    </WrapPanel>
                </StackPanel>
            </HeaderedContentControl>
        </StackPanel>
    </ScrollViewer>
</UserControl>