BetterLyrics/BetterLyrics.WinUI3/BetterLyrics.WinUI3/Controls/ExtendedSlider.xaml

<?xml version="1.0" encoding="utf-8" ?>
<UserControl
    x:Class="BetterLyrics.WinUI3.Controls.ExtendedSlider"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="using:BetterLyrics.WinUI3.Controls"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ui="using:CommunityToolkit.WinUI"
    mc:Ignorable="d">

    <StackPanel Orientation="Horizontal">
        <TextBlock
            Margin="6,0,2,0"
            VerticalAlignment="Center"
            Text="{x:Bind Value, Mode=OneWay}" />
        <TextBlock
            Margin="0,0,14,0"
            VerticalAlignment="Center"
            Text="{x:Bind Unit, Mode=OneWay}" />
        <Slider
            Maximum="{x:Bind Maximum, Mode=OneWay}"
            Minimum="{x:Bind Minimum, Mode=OneWay}"
            SnapsTo="Ticks"
            StepFrequency="{x:Bind Frequency, Mode=OneWay}"
            TickFrequency="{x:Bind Frequency, Mode=OneWay}"
            TickPlacement="Outside"
            Value="{x:Bind Value, Mode=TwoWay}" />
        <Button
            Margin="3,0,0,0"
            VerticalAlignment="Center"
            Click="ResetButton_Click"
            Content="{ui:FontIcon FontFamily={StaticResource IconFontFamily},
                                  FontSize=12,
                                  Glyph=&#xE777;}"
            Style="{StaticResource GhostButtonStyle}"
            Visibility="{x:Bind ResetButtonVisibility, Mode=OneWay}" />
        <Button
            x:Name="SubtractButton"
            Margin="3,0,0,0"
            VerticalAlignment="Center"
            Click="SubtractButton_Click"
            Content="{ui:FontIcon FontFamily={StaticResource IconFontFamily},
                                  FontSize=12,
                                  Glyph=&#xE738;}"
            Style="{StaticResource GhostButtonStyle}" />
        <Button
            x:Name="AddButton"
            Margin="3,0,0,0"
            VerticalAlignment="Center"
            Click="AddButton_Click"
            Content="{ui:FontIcon FontFamily={StaticResource IconFontFamily},
                                  FontSize=12,
                                  Glyph=&#xE710;}"
            Style="{StaticResource GhostButtonStyle}" />
    </StackPanel>
</UserControl>